@charset 'utf-8';
@import url(reset.css);
@import url(defaults.css);

/* ----------------------------------------------------- Page layout */
body {
	font-size: 12px;
	line-height: 112%;
	font-family: Georgia, "Times New Roman", serif;
	color: #301F19;
}

#container {
	width: 960px;
	margin: 0 auto;
}
#header {
	margin:0 0 85px 0;
	padding-top:50px;
}
.logo {
	float: left;
	width: 240px;
}
.extra {
	float:left;
	width:220px;
	position: relative;
}
.extramoret {
	float:left;
	width:460px;
	position: relative;
}

#loader { position: absolute; top: 0; left:0; height: 458px; width: 100%; background: url(img/loading.gif) white no-repeat center center; z-index: 9999; }

/*****************************************************/
/*Mainnavigation*/
/*****************************************************/

.main-navigation {
	float: left;
	width: 660px;
	padding-top:7px;
	padding-left:20px;
}
.main-navigation ul li {
	float: left;
}
.main-navigation ul li a {
	color: #301F19;
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	position: relative;
}
.main-navigation ul li a.current,
.main-navigation ul li a:hover {
	color: #009CDA;
}
.main-navigation ul li a span.bottom {
	display: block;
	left: -150%;
	bottom: -40px;
	width: 400%;
	height: 40px;
	position: absolute;
	background: transparent url(../img/background-current.gif) no-repeat center bottom;
	cursor: default;
}
.main-navigation ul li a span.top {
	display: block;
	left: -150%;
	top: -40px;
	width: 400%;
	height: 40px;
	position: absolute;
	background: transparent url(../img/background-current.gif) no-repeat center top;
	cursor: default;
}

.main-left-navigation ul li {
	margin-right: 15px;
}
.main-right-navigation {
	float: right;
	width: 220px;
}
.main-right-navigation ul li {
	margin-right: 15px;
}

.num {
	font-weight: normal;
	color: #009CDA;
}


/*****************************************************/
/*Sub Navigation*/
/*****************************************************/

.sub-navigation {
	position: relative;
}
.sub-navigation ul {
	background: transparent url(../img/background-subnav.gif) repeat-x top;
}
.sub-navigation ul li {
	background: transparent url(../img/background-subnav.gif) repeat-x bottom;
	padding: 8px 0;
}
.sub-navigation ul li.abs {
	margin-top:30px;
}
.sub-navigation ul li a {
	color: #301F19;
	text-decoration: none;
	font-size: 12px;
	font-weight: normal;
	text-transform: uppercase;
	position: relative;
	display: block;
}
.sub-navigation ul li a.current,
.sub-navigation ul li a:hover {
	color: #009CDA;
}
.sub-navigation ul li a.current {
	display: block;
	background: transparent url(../img/background-subnav-current.gif) no-repeat right;
}

h3.navus {
	position: absolute;
	top:-37px;
}
h3.us,
h3.navus {
	color: #B1ABA8; 
	font-style: italic;
	font-size: 13px;
	font-weight: normal;
}


/* Fav Navigation */

.fav-navigation {
	position: relative;
}
.fav-navigation ul {
	background: transparent url(../img/background-subnav.gif) repeat-x top;
}
.fav-navigation ul li {
	background: transparent url(../img/background-subnav.gif) repeat-x bottom;
	padding: 8px 0;
}
.fav-navigation ul li.abs {
	margin-top:30px;
}
.fav-navigation ul li a {
	color: #301F19;
	text-decoration: none;
	font-size: 12px;
	font-weight: normal;
	text-transform: uppercase;
	position: relative;
	display: block;
	padding:12px 0 12px 45px;
}
.fav-navigation ul li a:hover {
	color: #009CDA;
}
.fav-navigation ul li a.permalink {
	background: transparent url(../img/img-permalink.gif) no-repeat left center;
}

/*****************************************************/
/*Contentfeld*/
/*****************************************************/

.content a,
.content_wln a, 
.content_wlnmt a{
	color: #301F19;
}
.content_wlnmt {
	float: left;
	width: 480px;
	min-height: 10px;
	padding-top:3px;
}
.content_wln {
	float: left;
	width: 720px;
	min-height: 10px;
	padding-top:3px;
}
.content {
	padding-top:3px;

}
.wrapp {
	margin-top:12px;
}

.mtpic {
	width: 460px;
	height: 501px;
	background-position: center center;
	background-repeat: no-repeat;
}
.content_wlnmt .gl {
	width:460px;
}

.gal {
	position: relative;
	z-index: 10;
}

.projekth2 {
	position: absolute;
	z-index: 91;
}
.h2full {
	height:18px;
	display: block;
	width: 10px;
}

.slidewrap {
	height: 480px;
	display: block;
	width: 220px;
}

.slide {
  position: absolute;
 /* z-index: 92;*/
  right:0;
  overflow: hidden;
  height: 480px;
  width: 760px;
}
.slide .inner {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 760px;
  height: 480px;
  color: #333;
  background-color: #fff;
  overflow: hidden;
}

.col1 {
	float:left;
	width: 220px;
	padding-left:20px;
	margin-right:20px;
}
.col2 {
	float: left;
	width:460px;
}
.col2a {
	float: left;
	width:220px;
	margin-right:20px;
}
.col3a {
	float: left;
	width:220px;
}

.prlk {
	position: absolute;
	bottom:32px;
	width:200px;
	height: 44px;
}
.iprlk {
	position: relative;
	height: 44px;
}
.download {
	padding:7px 30px 7px 0;
	margin-bottom: 4px;
	background: transparent url(../img/icont-download.gif) no-repeat right top;
}
.slidein, .slideout {
	display: block;
	position: absolute;
	bottom: 0;
}
.slidein, .slideout, .download {
	margin-left:20px;
	color: #301F19;
	text-decoration: none;
	font-size: 12px;
	font-weight: normal;
	text-transform: uppercase;
	z-index: 1000;
}

/*Backlink*/
.backlink {
	color: #301F19;
	text-decoration: none;
	font-size: 12px;
	font-weight: normal;
	text-transform: uppercase;
	display: block;
	width:220px;
	padding:5px 0;
	background: transparent url(../img/backx.gif) no-repeat right center;
	position: absolute;
	top:-60px;
}
.nosub {
	top:-42px;
}
a:hover {
	color: #009CDA;
}


.extra p a {
	text-decoration: none;
	color: #009CDA;
}
/*****************************************************/
/*boxen*/
/*****************************************************/
.fading {
	
}
.box {
	float: left;
	display: inline-block;
	margin:0 20px 17px 0;
}
.box a.favred,
.box a.favlink {
	position: absolute; 
	right: 0;
	bottom: 15px;
}
a.favlink {
	background: transparent url(../img/img-favorit.gif) no-repeat center;
	width: 13px;
	height: 13px;
	text-indent: -10000em;
	color: none;
	display: inline-block;
}
a.favred {
	background: transparent url(../img/img-favorit-blue.gif) no-repeat center;
	width: 13px;
	height: 13px;
	text-indent: -10000em;
	color: none;
	display: inline-block;
}
h2 a.favlink,
h2 a.favred {
	height: 18px;
	margin-left:5px;
}

/* small */
.small {
	width: 220px;
	height: 172px;
	position: relative;
}
.small span.load,
.small span.pic {
	width: 220px;
	height: 140px;
}

/* BIG */
.big {
	width: 460px;
	height: 360px;
	position: relative;
}
.big span.load,
.big span.pic {
	width: 460px;
	height: 330px;
}



/* ALLGEMEIN */
.box a.boxlink {
	display: block;
	text-decoration: none;
	position: relative;
	margin-bottom: 2px;
	cursor: pointer;
}
.box span.load {
	display: block;
	background: transparent url(../img/small-ajax-laoder.gif) no-repeat center center;
}
.box span.pic {
	display: block;
	background-position: center center;
	background-repeat: no-repeat;
	position: relative;
}
.box span.fresh {
	position: absolute;
	display: block;
	height: 91px;
	width: 91px;
	background: transparent url(../img/img-fresh.gif) no-repeat right bottom;
	right: -2px;
	bottom: -2px;
	text-indent: -10000em;
	color: none;
}
.box span.old {
	background-image: none;
	/*background: transparent url(../img/img-freshold.gif) no-repeat right bottom;*/
}
.box span.study {
	position: absolute;
	display: block;
	height: 91px;
	width: 91px;
	background: transparent url(../img/img-case_study.gif) no-repeat right bottom;
	right: -2px;
	bottom: -2px;
	text-indent: -10000em;
	color: none;
}
.box a.title {
	text-decoration: none;
	display: block;
	width: 85%;
	color: #301F19;
	margin-bottom: 2px;
	cursor: pointer;
}
.box a.cat {
	text-decoration: none;
	color: #009CDA;
	font-style: italic;
	cursor: pointer;
}
.box a.inline {
	display: inline;
}

/*****************************************************/
/*Footer*/
/*****************************************************/

#footer {
	font-size: 12px;
	color: #B1ABA8;
	padding: 60px 0 20px 0;
	background: transparent url(../img/background-footer.gif) repeat-x bottom;
	margin-bottom: 40px;
}
#footer a {
	color: #B1ABA8;
	text-decoration: none;
}
#footer a:hover {
	color: #009CDA;
}
.ifoot-adress {
	float: left;
	width: 480px;
	margin-left: 70px;
	position: relative;
}
* html .ifoot-adress {
	margin-left: 37px;
}
.baseline {
	position: relative;
}
.ifoot-adress span.line1 {
	position: absolute;
	top: -13px;
}
.ifoot-twitter {
	float: left;
	width: 240px;
}
.ifoot-twleer {
	float: left;
	width: 170px;
	height: 10px;
}
* html .ifoot-twleer {
	width: 163px;
}
.flickrlink {
	position: absolute;
	margin-top: -6px;
	left: -50px;
}
.flickrlink a {
	display: block;
	height: 17px;
	width: 40px;
	text-indent: -9999em;
	background: transparent url(../img/flr_icon.png) no-repeat left top;
}
.bswlink {
	float: left;
	width: 20px;
	height: 10px;
}
.bswlink {
	width: 110px;
	position: absolute;
	right: -135px;
	top:-58px;
	height: 73px;
}
.bswlink a {
	display: block;
	height: 73px;
	width: 110px;
	text-indent: -9999em;
	background: transparent url(../img/bsw_icon.png) no-repeat left top;
}
.ifoot-hvo {
	float: left;
	height: 10px;
	position: relative;
	width: 220px;
}
.facebooklink {
	position: absolute;
	margin-top: -7px;
	left: -70px;
}
.facebooklink a {
	display: block;
	height: 17px;
	width: 17px;
	text-indent: -9999em;
	background: transparent url(../img/fb_icon.png) no-repeat left top;
}
.facebooklink a:hover {
	background-position: left bottom;
}
/*****************************************************/
/*Filter*/
/*****************************************************/

.filterh3 {
	font-size: 60px;
	line-height: 100%;
	margin-bottom: 37px;
}
.filter_output {
	margin-bottom: 30px;
}

.gl fieldset {
display: none;
}

#superbgimage {
	display: none;
}
#superbgimage img {
	image-rendering: optimizeQuality;
	-ms-interpolation-mode: bicubic;
}

#superbgimage {
	width: 700px; 
	height: 445px;
	position: relative;
	overflow: hidden;
	z-index: 3;
	cursor: pointer;
}

/*****************************************************/
/*Styles*/
/*****************************************************/

h1 {
	font-size: 60px;
	line-height: 100%;
	margin-bottom: 5px;
	width: 700px;
}
h2 {
	font-size: 13px;
	line-height: 17.3px;
}
.content_wln .c_text p {
	width:585px
}
p { 
	font-size: 13px;
	margin-bottom: 20px;
	line-height: 17.3px;
}

	/* BEGIN DEMO STYLE */
	.caption{display: none;}
	.galleria{position:relative;}
	/*.gallery_unstyled {display:none;}*/

	.gallery {width:702px;margin:0 auto;padding:0;position:absolute;}
	.gallery li {width:1px;height:1px;visibility:hidden;padding:0;}

	#main_image{margin:0 0 20px 0;padding:0;width:700px}
	#main_image img{}
	
	.nav{display: none;}
	
h4.aehnliche {
	display: block;
	padding-top:10px;
	font-style: italic;
	color: #B1ABA8;
	font-size: 13px;
	line-height: 17.3px;
	margin-bottom: 15px;
}

.aehnliche_projekte {
	margin-bottom: 40px;
}

strong {
	font-weight: bold;
}
em {
	font-style: italic;
}
.c_text p.w480 {
	width: 480px;
}
.c_text p.w480 span.r {
	color: #009CDA;
	font-style:  italic;
}
.c_text table {
	width: 480px;
	font-size: 13px;
	margin-bottom: 25px;
	line-height: 17.3px;
	border-bottom: 1px solid #000;
}
.c_text table td,
.c_text table th {
	border-top: 1px solid #000;
	padding: 11px 0;
}
.c_text table th {
	width: 100px;
	padding-left:2px;
	font-style: italic;
}

/**/

#form * {
	margin: 0;
	padding: 0;
}
#form div {
	clear:both;
	display: block;
}
ul.error {
	margin: 0 0 0 0;
}
ul.error li {
	color: #009CDA;
	margin-bottom: 5px;
}
#form #inform {
	margin: 0;
	padding: 0;
}

#container #form fieldset {
	border: none;
	/*border-bottom: 1px solid #ccc;*/
	padding: 5px 0;
}

#form legend {
	display: none;
}

#form label {
	display: block;
	float: left;
	width: 55px;
	padding: 10px 0px 5px 0px;
	text-align:left;
}
#form p.pflichtfelder {
	clear:both;
	padding:15px 0 0 0;
	font-style: italic;
	color: #666;
	font-size: 0.9em;
}

#form input, 
#form select, 
#form textarea {
	float: left;
	width: 150px;
	border: 1px solid #ccc;
	margin: 5px;
	padding: 3px 0;
	background-color: #f3f3f3;
}

#form .error {
	border: 1px solid #009CDA;
}

#form input,
#form textarea {
	font-size: 1.0em;
}
#form select {
	font-size: 0.9em;
}


#form input.radio {
	width: auto;
	padding: 0 ;
	border: none;
	margin: 4px 0 0 0;
	background: none;
}
#form label.lradio {
	border-right: none;
	float: left;
	display: block;
	margin:0 0 0 7px;
	padding:4px 0 2px 0;
	width: 180px;
	font-size: 0.9em;
}
#form .lradiobr {
	border:1px slide #fff;
}
#form .rp {
	display: block;
	margin-right: 9px;
	padding-left:3px;
	margin-top:10px;
}

input.submit,
#form input.submit {
	width: auto;
	cursor: pointer;
	background-color:#302119;
	border:none;
	color: #fff;
	margin: 15px 0;
	padding: 5px;
	font-size: 0.9em;
}

#form input.submit:hover {
	background-color:#009CDA;
	color: #fff;
}

#form label.textarea, 
#form textarea.textarea {
	height: 146px;
}