/*
www.creativesyntax.at screen stylesheet
www.creativesyntax.at copyright 2009 
www.creativesyntax.at by Quoc-Dung Vuong
*/

/*--------------------------------------------*/
/* font face */
/*--------------------------------------------*/
@font-face {
    font-family: 'DowncomeRegular';
    src: url('../fonts/downcome-webfont.eot');
    src: url('../fonts/downcome-webfont.eot?iefix') format('eot'),
         url('../fonts/downcome-webfont.woff') format('woff'),
         url('../fonts/downcome-webfont.ttf') format('truetype'),
         url('../fonts/downcome-webfont.svg#webfontyBNQ8Xhr') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'LeagueGothic';
    src: url('../fonts/League_Gothic-webfont.eot');
    src: url('../fonts/League_Gothic-webfont.eot?iefix') format('eot'),
         url('../fonts/League_Gothic-webfont.woff') format('woff'),
         url('../fonts/League_Gothic-webfont.ttf') format('truetype'),
         url('../fonts/League_Gothic-webfont.svg#webfontyBNQ8Xhr') format('svg');
    font-weight: normal;
    font-style: normal;

}

/*--------------------------------------------*/
/* main elements */
/*--------------------------------------------*/
* {
	margin:0;
	padding:0;
}
html, body {
	height:100%;	/* sticky footer */
}
html {
	margin:0;
	padding:0;
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,p,blockquote,th,td {
	margin:0;
	padding:0;
} 
body {
	font-family:"Helvetica Neue", Arial, Helvetica, sans-serif;
	font-size:75%;
	color:#444;
	background: #eeeeee url(../img/main-bg.png) repeat;
}
html>body {
	font-size: 12px; 
}
img {
	border:none;
}
p {
	font-size:1em;
	line-height:1.5em;
	margin-top: 1.5em;
	margin-bottom: 1.5em; 
}
ul {
	list-style:none;
	line-height:1.5em;
}
ol {
	line-height:1.5em;
}
.spacer {
	line-height:1.5em;
	margin-top: 1.5em;
	margin-bottom: 1.5em; 
}
#content #right ul {
	margin-top: 1.5em;
	margin-bottom: 1.5em; 
}
acronym {
	font-weight:bold;
	color:#0099cc;
}

/*--------------------------------------------*/
/* global header styles */
/*--------------------------------------------*/
h1 {
	font-size:1.375em;
	line-height:1.333em;
	margin-top: 1.333em;
	margin-bottom: 1.333em;
	color:#333333;
	font-family: "Georgia", Times, serif;	
	text-transform:uppercase;
	font-weight:normal;
	font-style:italic;
	text-shadow:1px 1px 1px #eee;
}
h2 {
	font-size:1.167em;
	line-height:1.571em;
	margin-top:1.571em;
	margin-bottom:1.571em;
	margin-left:20px;
	color:#666666;
}
/*--------------------------------------------*/
/* h1+2 440 styles */
/*--------------------------------------------*/
.h1-440a, .h1-440b  {
	width:420px;
	height:32px;
	padding:8px 0 0 20px;
	color:#0099cc;
}
.h1-440a {
	background:url(../img/h1-440.png) no-repeat;
}
.h1-440b {
	background:url(../img/h1-440.png) 0 -44px no-repeat;
}
.center-bottom  {
	width:440px;
	height:44px;
	background:url(../img/center-bottom.png) no-repeat;
}
/*--------------------------------------------*/
/* h1 240 styles */
/*--------------------------------------------*/
.h1-240 {
	width:240px;
	height:44px;
}
.h1-240 span {
	display:none;
}
/*--------------------------------------------*/
/* global URL styles */
/*--------------------------------------------*/
a {
	text-decoration:none;
	color:#0099cc;
}
a:hover {
	text-decoration:underline;	
	color:#00bff3;
}
.to-top {
	height:22px;
	width:86px;
	background:url(../img/to-top.png) no-repeat;
}
.to-top span {
	display:none;
}
.to-top:hover {
	background:url(../img/to-top.png) 0 -22px no-repeat;
}
.to-top a {
	width:86px;
	height:22px;
	display:block;
}
/*--------------------------------------------*/
/* content layout */
/*--------------------------------------------*/
#header {
	height:85px;	
	background:url(../img/navi-bg.png) center repeat-x;
	margin-bottom:1.571em;
}
#header a {
	border:none;
}
div.clear {
	clear: both;
}
div.clear-ie {
	font-size: 1.571em;
	line-height: 1.571em;
	height: 215px;
	margin-bottom:1.571em;
	clear: both;
}
#content-container {
	min-height:100%;		/* sticky footer */
	height:auto !important; /* sticky footer */
	height:100%;			/* sticky footer */
	margin:0 auto -215px;	/* negativ von footer höhe */
}
	#content {
		width:960px;
		margin:0 auto;
	}
	.col-left {
		float: left;
		width: 240px;
		height:420px;
		background:url(../img/left-bg.png) left top no-repeat;
	}
	.col-center{
		float: left;
		height:100%;		/* sticky footer */	
		width: 440px;		/* 480-40 padding */
		padding:0 20px 0 0px;
	}
	.col-right{
		float: right;
		width: 240px;
		margin-top:1.571em;
	}
#center-post {
	background: url(../img/center-bg.png) 7px repeat-y;
}
#center-post p, #results, #result_report, #other_pages, #did_you_mean {
	padding:0 20px 0 20px;
}

#kontakt-postit span, #logo span {
	display:none;	
}
#kontakt-postit a, #logo a {
	border:none;
}
#kontakt-postit h2 a:focus, #logo h2 a:focus {
	outline:none;
}
#fragebogen {
	background:url(../img/fb-dl.png) no-repeat;
	padding-left:20px;
}

/*--------------------------------------------*/
/* list styles */
/*--------------------------------------------*/
#center-post ul, .col-right ul {
	padding-left:40px;
	list-style:url(../img/ulbullet2.png);
}
#center-post ol {
	padding-left:40px;
}
#center-post .sitemap-1 {
	list-style:url(../img/sitemap-1.png);
}
#center-post .sitemap-2 {
	list-style:url(../img/sitemap-2.png);
}
/*--------------------------------------------*/
/* featured content slider */
/*--------------------------------------------*/
#slider {
	width: 440px;
	margin: 0 auto;
	position: relative;
}
.scroll {
	height: 250px;
	overflow: auto;
	position: relative; /* fix for IE to respect overflow */
	clear: left;
	background: url(../img/slider-bg.png) no-repeat;
}
.scrollContainer div.panel {
	padding: 3px;
	height: 210px;
	width: 440px;
}
.scrollButtons {
	position: absolute;
	top: 120px;
	cursor: pointer;
	border:none;
}
.scrollButtons.left {
	left:20px;
	z-index:1000;
}
.scrollButtons.right {
	right:20px;
	z-index:1000;
}
#slider .navigation {
	margin-top:10px;
}
#slider .navigation li {
	display:inline;
}
#slider .navigation a {
	padding:0 5px;
	border:1px solid #0099cc;
}
#slider .navigation a:hover {
	border:1px solid #00bff3;
}
#slider .selected {
	background:#00bff3;
	color:white;
}
/*--------------------------------------------*/
/* slider panels */
/*--------------------------------------------*/
#slider .panel {
	height:244px;
}
#panel-00 {
	background: transparent url(../img/ref/feature-00.png);
}	
#panel-01 {
	background: transparent url(../img/ref/feature-01.png);
}	
#panel-02 {
	background: transparent url(../img/ref/feature-02.png);
}
#panel-03 {
	background: transparent url(../img/ref/feature-03.png);
}
#panel-04 {
	background: transparent url(../img/ref/feature-04.png);
}
#panel-05 {
	background: transparent url(../img/ref/feature-05.png);
}
#panel-06 {
	background: transparent url(../img/ref/feature-06.png);
}
/*--------------------------------------------*/
/* slider ptext styles */
/*--------------------------------------------*/
.ptext {
	color:white;
	position:absolute;
	width:414px;
	height:44px;
	top:170px;
	padding:10px 20px 10px 20px;
}
.ptext h4 {
	font-size:1em;
	line-height:1.571em;
}
/*--------------------------------------------*/
/* ref img */
/*--------------------------------------------*/
.ref {
	clear:both;
}	
.ref-img {
	float:left;
	width:220px;
	margin-left:17px;
}
.ref a:hover, .ref-img a:hover, .ref-info a:hover {
	border:none;
}
.ref-info {
	min-height:198px;
	margin-left:230px;
}
.ref-info h2 {
	font-size:1.167em;
	line-height:1.571em;
}
/*--------------------------------------------*/
/* table styles */
/*--------------------------------------------*/
.data {
	width:420px;
	margin-top:1.5em;
	margin-bottom:1.5em;
	margin-left:20px;
	line-height:1.5em;
}
.tablehead {
	text-align:left;
	font-size:1.167em;
	line-height:1.571em;
	color:#555555;
}

/*--------------------------------------------*/
/* footer styles */
/*--------------------------------------------*/
#footer-container {
	height:215px;
	background:url(../img/footer-bg.png) center repeat-x;
}
	#footer {
		width:960px;
		padding-top:5px;
		margin:auto;
		color:silver;
	}
	.cell-01 {
		float:left;
		width:220px;
		height:210px;
		padding-left:20px;
		background:url(../img/cell-01-bg.png) no-repeat;;
	}
	.cell-02 {
		float:left;
		width:220px;
		height:210px;
		padding-left:20px;
		background:url(../img/cell-bg.png) right no-repeat;
	}
	.cell-03 {
		float:left;
		width:220px;
		height:210px;
		padding-left:20px;
		background:url(../img/cell-bg.png) right no-repeat;
	}
	.cell-04 {
		position:relative;
		float:right;
		width:200px;
		height:210px;
		padding:0 20px;
		background:url(../img/cell-bg.png) right no-repeat;
	}
	.cell-list {
		margin:0 0 1.375em 0;
		padding-left:20px;
		list-style:url(../img/ulbullet.png);
	}

#twitterbird {
	background:red;
	display:block;
	position:absolute;
	width:40px; height:36px;
	top:-46px; left:0;
	background:url(../img/twitterbird.png) no-repeat 0 0;
}
#twitter_update_list {
	margin:0 0 1.375em 0;
}
#twitter_update_list li {
	padding:5px 0;
}
#twitter_update_list li:first-child {
	padding:5px 0 4px 0;
	border-bottom:1px dashed #555;
}
#twitterbtn {
	float:right;
	display:block;
	width:33px; height:33px;
	background:red;
}
.btn {
	width:400px;
	margin:3em 0;
}
.downloadFb {
	display:block;
	width:160px; height:45px;
	padding-top:15px;
	margin:0 auto;
	background:#0099cc;;
	text-align:center;
	color:#eee;
	text-shadow:1px 1px 1px #000;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-moz-box-shadow:0px 3px 5px #bbb;
	-webkit-box-shadow:0px 3px 5px #bbb;
	box-shadow:0px 3px 5px #bbb;
}
.downloadFb:hover {
	color:#fff;
	background:#00bff3;
	text-decoration:none;
}
.downloadFb span {
	font-size:2em;
	display:block;
}

#copyright {
	position:absolute;
	padding-left:10px;
}
/*--------------------------------------------*/
/* footer site-search and results */
/*--------------------------------------------*/
#site-search fieldset {
	border:none;
}
#site-search #query {
	margin-top:70px;
	margin-left:15px;
	height:19px;
	width:155px;
	padding-top:3px;
	padding-left:5px;
	border:none;
	background:url(../img/search-input-bg.png) no-repeat;
	color:#666666;
}
#site-search #query:focus {
	background:url(../img/search-input-bg.png) 0 -22px no-repeat;
}
#site-search #query-submit {
	height:35px;
	width:80px;
	margin-top:0.75em;
	margin-left:15px;
	border:none;
	cursor:pointer;
	background:url(../img/search-submit-bg.png) no-repeat;
}
#site-search #query-submit:hover {
	cursor:pointer;
	background:url(../img/search-submit-bg.png) 0 -35px no-repeat;
}
#results, #result_report, #other_pages {
	font-size:1em;
	line-height:1.5em;
	margin-top: 1.5em;
	margin-bottom: 1.5em; 
}

/*--------------------------------------------*/
/* footer h2 */
/*--------------------------------------------*/
#footer h2 span {
	font-family: "DowncomeRegular", "Helvetica Neue", sans-serif;
	font-size:1.375em;
	font-weight:normal;
	line-height:1;
	color:#fff;
}
#footer h2 {
	height:22px;
	line-height:1.375em;
	margin:0.6875em 0 0.6875em 0;
}

/*--------------------------------------------*/
/* top navigation */
/*--------------------------------------------*/
#nav-container {
	width:960px;
	height:80px;
	margin:auto;
	position:relative;
}
.nav {
	height:80px;
	margin-left:0px;
	list-style:none;
	background:url(../img/navi.png) no-repeat -0px -0px;
}
.nav li {
	display:inline;
}
.nav li a:link, .nav li a:visited {
	position:absolute;
	top:0;
	height:80px;
	overflow:hidden;
	text-indent:-9000px;
	z-index:10;
}
/* home */	
	.nav .home a:link, .nav .home a:visited {
		left:0px;
		width:192px;
		outline:none;
	}
	.nav .home a:hover, .nav .home a:focus {
		background:url(../img/navi.png) no-repeat -0px -80px;
	}
	.nav .home a:active {
		background:url(../img/navi.png) no-repeat -0px -80px;
	}
	.current-home .home a:link, .current-home .home a:visited {
		background:url(../img/navi.png) no-repeat -0px -80px;
		cursor:default;
	}
	.nav-home, .nav-home-click {
		position:absolute;
		top:0;
		left:0;
		width:192px;
		height:80px;
		background:url(../img/navi.png) no-repeat -0px -80px;
	}
	.nav-home-click {
		background:url(../img/navi.png) no-repeat -0px -160px;
	}
/* home */
/* services */
	.nav .services a:link, .nav .services a:visited {
		left:192px;
		width:192px;
		outline:none;
	}
	.nav .services a:hover, .nav .services a:focus {
		background:url(../img/navi.png) no-repeat -192px -80px;
	}
	.nav .services a:active {
		background:url(../img/navi.png) no-repeat -192px -80px;
	}
	.current-services .services a:link, .current-services .services a:visited {
		background:url(../img/navi.png) no-repeat -192px -80px;
		cursor:default;
	}
	.nav-services, .nav-services-click {
		position:absolute;
		top:0;
		left:192px;
		width:192px;
		height:80px;
		background:url(../img/navi.png) no-repeat -192px -80px;
	}
	.nav-services-click {
		background:url(../img/navi.png) no-repeat -192px -160px;
	}
/* services */
/* referenzen */
	.nav .referenzen a:link, .nav .referenzen a:visited {
		left:384px;
		width:192px;
		outline:none;
	}
	.nav .referenzen a:hover, .nav .referenzen a:focus {
		background:url(../img/navi.png) no-repeat -384px -80px;
	}
	.nav .referenzen a:active {
		background:url(../img/navi.png) no-repeat -384px -80px;
	}
	.current-referenzen .referenzen a:link, .current-referenzen .referenzen a:visited {
		background:url(../img/navi.png) no-repeat -384px -80px;
		cursor:default;
	}
	.nav-referenzen, .nav-referenzen-click {
		position:absolute;
		top:0;
		left:384px;
		width:192px;
		height:80px;
		background:url(../img/navi.png) no-repeat -384px -80px;
	}
	.nav-referenzen-click {
		background:url(../img/navi.png) no-repeat -384px -160px;
	}
/* referenzen */
/* about */
	.nav .about a:link, .nav .about a:visited {
		left:576px;
		width:192px;
		outline:none;
	}
	.nav .about a:hover, .nav .about a:focus {
		background:url(../img/navi.png) no-repeat -576px -80px;
	}
	.nav .about a:active {
		background:url(../img/navi.png) no-repeat -576px -80px;
	}
	.current-about .about a:link, .current-about .about a:visited {
		background:url(../img/navi.png) no-repeat -576px -80px;
		cursor:default;
	}
	.nav-about, .nav-about-click {
		position:absolute;
		top:0;
		left:576px;
		width:192px;
		height:80px;
		background:url(../img/navi.png) no-repeat -576px -80px;
	}
	.nav-about-click {
		background:url(../img/navi.png) no-repeat -576px -160px;
	}
/* about */
/* blog */
	.nav .blog a:link, .nav .blog a:visited {
		left:768px;
		width:192px;
		outline:none;
	}
	.nav .blog a:hover, .nav .blog a:focus {
		background:url(../img/navi.png) no-repeat -768px -80px;
	}
	.nav .blog a:active {
		background:url(../img/navi.png) no-repeat -768px -80px;
	}
	.current-blog .blog a:link, .current-blog .blog a:visited {
		background:url(../img/navi.png) no-repeat -768px -80px;
		cursor:default;
	}
	.nav-blog, .nav-blog-click {
		position:absolute;
		top:0;
		left:768px;
		width:192px;
		height:80px;
		background:url(../img/navi.png) no-repeat -768px -80px;
	}
	.nav-blog-click {
		background:url(../img/navi.png) no-repeat -768px -160px;
	}
/* blog */