* { margin: 0; padding: 0; }

html { overflow-y: scroll; }

							.js div { } /* apply only on JavaScript enabled browsers */
							.ie7 div { } /* apply only on Internet Explorer 7 and below */
							.ie6 div { } /* apply only on Internet Explorer 6 and below */

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, video { /* für ältere browser */
	display: block;
	}

body { 
	color: #4a5264;
	font: 81.25%/*87.5%*//1.4em Tahoma, Arial, sans-serif; 
	background: #4f637f url('/inc/img/bg-body.png') 50% 0 repeat;
	}

#wrap { 
	width: 936px;
	padding: 12px;
	margin: 48px auto;
	position: relative;
	background: #fff;
	box-shadow: 0 0 18px rgba(0,0,0,.6);
	display: relative;
	}

nav.main ul, h1, h2, h3,. bigbtn {  
	font-family: 'Cabin', Tahoma, Arial, sans-serif; 
	}


/* ---[ header ]------------------------------- */

header {
	background: #4f637f url('/inc/img/bg-header.png') 0 0 repeat;
	position: relative; 
	min-height: 165px;
	}

#logo { /* nicht-inverses logo für print */
	text-indent: -9999px;
	padding: 18px 0 22px 42px;
	width: 228px;
	height: 85px;
	float: left; 
	}

#logo a {
	display: block;
	outline: none;
	background: url('/inc/img/logo-aysberg-invers.png') 0 0 no-repeat; 
	}
	
#claim {
				color: #fff;	
	color: rgba(255,255,255,.9);
	font-size: 123.08%;
	line-height: 138%;
	text-shadow: #4a5264 -1px -1px 0px;
	float: left; 
	width: 444px;
	margin: 45px 0 18px 54px;	
	}

#banderole a {
	text-indent: -9999px;
	display: block;
	position: absolute;
	width: 155px;
	height: 222px;
	top: -18px;
	right: 3px;
	z-index: 9;
	background: url('/inc/img/banderole.png') 0 0 no-repeat;
	}

#banderole a:hover {
	background-position: -160px 0;
	}



/* ---[ hauptnavigation ]------------------------------- */

nav.main ul { 
	clear: both;
	list-style: none;
	overflow: hidden;
	margin: 0 0 0 24px;
	}
	
nav.main li {
	float: left;
	display: block;
	list-style: none;
	padding: 6px 6px 0;
	margin: 0 12px;
	background: none;
				-webkit-transition: all .5s ease-in-out;
				-moz-transition: all .5s ease-in-out;
				-o-transition: all .5s ease-in-out;
				transition: all .5s ease-in-out; 
	}
	
nav.main a, nav.main a:visited { 
				color: #fff;
	color: rgba(255,255,255,.9);
	font-size: 123.07%;
	text-decoration: none;
	text-shadow: #4a5264 -1px -1px 0px;
	padding: 8px 18px;
	display: block;
				-webkit-transition: all .5s ease-in-out;
				-moz-transition: all .5s ease-in-out;
				-o-transition: all .5s ease-in-out;
				transition: all .5s ease-in-out; 
	}	


/* hover */
nav.main li:hover, nav.main li:focus {
				background: #61738c;
	background: rgba(255,255,255,.1);
	cursor: pointer;
				-webkit-transition: all .2s ease-in-out;
				-moz-transition: all .2s ease-in-out;
				-o-transition: all .2s ease-in-out;
				transition: all .2s ease-in-out; 
	}
	
nav.main a:hover, nav.main a:focus,
nav.main li:hover a, nav.main li:focus a { 
	text-shadow: none;
				background: #818fa4;
	background: rgba(255,255,255,.2);
				-webkit-transition: all .2s ease-in-out;
				-moz-transition: all .2s ease-in-out;
				-o-transition: all .2s ease-in-out;
				transition: all .2s ease-in-out; 
	}	

/* current */
nav.main li.current, nav.main li.current:hover, nav.main li.current:focus{
				background: #a7b1bf;
	background: rgba(255,255,255,.5); 
	}	

nav.main .current a, nav.main .current a:hover, nav.main .current a:focus,
nav.main li.current:hover a, nav.main li.current:focus a  { 
	color: #4a5264;
	text-shadow: none;
	background: #fff; 
	}	
	


/* ---[ mainwrap ]------------------------------- */

#mainwrap { /*  schmales headerbild */
	margin-top: 12px;
	background: #fff url('/images/header-l/dummy.png') 0 0 no-repeat;
	overflow: hidden; 
	}

#overview #mainwrap, #fullwidth #mainwrap {/*  hohes headerbild auf einstiegseiten */
	background-position: 0 0; 
	}

/* ---[ sidewrap ]------------------------------- */

#sidewrap {
	padding-right: 13px;
	margin: 142px 0 0 24px;
	float: left;
	min-height: 402px;
	width: 264px;
	background: transparent url('/inc/img/bg-shadow-sidewrap.png') 100% 0 no-repeat; 
	position: relative;
	}

#fullwidth #sidewrap { min-height: 160px; }


/* ---[ subnavi ]------------------------------- */

nav.sub, #sidewrap .simple {
	padding: 12px;
	margin: 0 0 24px;
	width: 240px;
	min-height: 137px;
	background: #fff;
	}	

#fullwidth nav.sub {	
	margin-bottom: 0; }

nav.sub h1 {
				color: #fff;
	color: rgba(255,255,255,.9);
	font-size: 123.08%;
	text-shadow: #4a5264 -1px -1px 0px;
	padding: 15px 12px 0;
	margin: 0 0 -7px;
	min-height: 41px;
	background: url('/inc/img/bg-header-subnavi.png') 0 0 no-repeat;
	position: relative;
	z-index: 9;
	}

/* erste ebene */
nav.sub ul {
	margin: 0; padding: 0;
	background: none; 
	overflow: visible;
	}

nav.sub li {
	margin: 0; padding: 0;
	background: none;
	border-bottom: 1px solid #eef0f2; 
	}

nav.sub a {
	color: #4a5264;
	text-decoration: none;
	padding: 6px 12px;
	display: block; 
				-webkit-transition: background .5s ease-in-out;
				-moz-transition: background .5s ease-in-out;
				-o-transition: background .5s ease-in-out;
				transition: background .5s ease-in-out; 
	}

nav.sub .current a, nav.sub .current a:hover, nav.sub .current a:focus {
	padding-top: 7px; padding-bottom: 7px;
	margin: -1px 0 -1px 0;
	background-color: #eef0f2;	
	}

nav.sub a:hover, nav.sub a:focus {
	padding-top: 7px; padding-bottom: 7px;
	margin: -1px 0 -1px 0;
	background-color: #f7f8f9;
				-webkit-transition: background .2s ease-in-out;
				-moz-transition: background .2s ease-in-out;
				-o-transition: background .2s ease-in-out;
				transition: background .2s ease-in-out; 
	}

nav.sub li:first-child a { padding-top: 12px; }
nav.sub li.current:first-child a,
nav.sub li:first-child a:hover, nav.sub li:first-child a:focus { padding-top: 12px; }


/* zweite ebene */
nav.sub li ul {
	padding-top: 1px; }
	
nav.sub li li {
	margin: 0 0 0 12px; 
						padding: 0;
						background: none;
	border-bottom: none; 
	}

nav.sub li li a {
					color: #9297a2;
					text-decoration: none;
					padding: 3px 12px;
					display: block; 
								-webkit-transition: background .5s ease-in-out;
								-moz-transition: background .5s ease-in-out;
								-o-transition: background .5s ease-in-out;
								transition: background .5s ease-in-out; 
	}

nav.sub .current li a, nav.sub .current li a:hover, nav.sub .current li a:focus {
	padding-top: 4px; padding-bottom: 4px;
	margin: 0;
	background-color: #fff;	
	}

nav.sub li .current a, nav.sub li .current a:hover, nav.sub li .current a:focus {
	color: #4a5264;
	margin: 0;
	padding-top: 4px; padding-bottom: 4px;
	}

nav.sub li li a:hover, nav.sub li li a:focus {
	color: #6e7583;
				-webkit-transition: background .2s ease-in-out;
				-moz-transition: background .2s ease-in-out;
				-o-transition: background .2s ease-in-out;
				transition: background .2s ease-in-out; 
	}

nav.sub li li:first-child a,
nav.sub li li.current:first-child a,
nav.sub li li:first-child a:hover, nav.sub li li:first-child a:focus { padding-top: 4px; }



/* ---[ kundenstimme ]------------------------------- */

#sidewrap .customer {
	margin: 12px;
	padding: 12px;
	border: 1px dashed #EEF0F2;
	border-width: 1px 0; 
	}
	
/*#sidewrap .customer h3 {
	color: #6E7583;
	font-size: 123.08%;
	font-weight: normal;
	text-shadow: #ffffff -1px -1px 0px;
	padding: 15px 12px 0;
	margin: 0 -12px;
	min-height: 41px;
	background: url('/inc/img/bg-header-sidewrap.png') 0 0 no-repeat;
	}*/

.customer .text:before { content: open-quote; font-weight: bold; }
.customer .text:after { content: close-quote; font-weight: bold; }

.customer .author {
	font-style: italic;
	font-size: 84.5%;
	line-height: 1.4em;
	text-align: right; 
	}


/* ---[ blogverweis linke spalte ]------------------------------- */

.blog {
	color: #6e7583;
	margin: 12px;
	padding: 12px;
	/*border: 1px dashed #EEF0F2;
	border-width: 1px 0;*/
	}

.blog h3 {
	font-style: normal;
	font-weight: bold;
	padding: 0 12px .5em 12px;
	margin-top: 0; margin-right: -12px; margin-left: -12px;
	border-bottom: 1px solid #f4f5f7;
	}

.blog ul, .blog li {
	list-style: none;
	margin: 0; padding: 0;
	background: none; 
	}

.blog li {
	margin: .5em 0; 
	padding: .5em 0;
	border-bottom: 1px solid #f4f5f7; 
	}

.blog a {
	color: #6e7583;
	text-decoration: none; 
	}

.blog a:visited {
	color: #6e7583; }

.blog a:hover, .blog a:focus {
	color: #eb8514;
	text-decoration: underline; 
	}



/* ---[ content ]------------------------------- */

article {
	width: 600px;
	float: right;
	margin: 200px 12px 24px;
	position: relative;
	}

#overview article {
	margin-top: 303px;
	}

#fullwidth article {
	margin-top: 0;
	width: 912px;
	}


p {	margin: .5em 0 }

h1 { 
	font-size: 200%;
	font-weight: normal;
	line-height: 1.1em;
	margin: 1.5em 0 .5em;
	clear: both;
	}

/* div > h1 {
	margin-top: .25em; }*/
	
h2 { 
	font-size: 138.46%;
	font-weight: normal;
	line-height: 1.2em;
	margin: 1em 0 .5em;
	}

h2 strong {
	/*color: #2c313c;*/
	font-weight: normal;
	}

div > h2, section > h2 { margin-top: .6em; }

h3 { 
	font-size: 123.08%;
	font-weight: normal;
	margin: .5em 0 .75em; 
	}

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

em { font-style: italic; }
strong { font-weight: bold; }
a img { border: 0; }
img { -ms-interpolation-mode: bicubic; }
.hide {	display: none; }
hr { display: none; }
.clear { clear: both; }

address { 
	font-style: normal;
	margin: .5em 0 
	}

a { color: #4f637f; }
a:visited { color: #666; }
a:hover { color: #eb8514; }
a:active { color: #eb8514; }

.go {
	margin-left: 4px;
	padding-left: 14px;
	background: url('/inc/img/list-dot.png') 0 .4em no-repeat;  }

/*.blog li.go {
	margin-left: 10px;
	padding-left: 14px;
	background: url('/inc/img/list-dot.png') 0 .9em no-repeat;	}*/

.intro {
	font-size: 115.38%;
	margin: 0.75em 0;
	padding: 0.75em 0;
	border: 1px dashed #EEF0F2;
	border-width: 0 0 1px 0; 
	}

.minitext {
	font-size: 84.61%;
	line-height: 1.2em;
	}

.tab, .tab2 {
	width: 3.5em;	
	float: left;
	display: block;
	clear: left;
	display: block;}

.tab2 {
	width: 5em;	}

.author {
	font-style: italic;
	text-align: right; }


/* bilder */
img.pic, iframe.pic,
.picleft img, .picright img, .pic img {
	border: 6px solid #dce0e5; }
	
.picleft {
	float: left;
	margin: 0 24px .5em 0; }

.picright {
	float: right;
	margin: 0 0 .5em 24px; }

a img.pic {
	border: none; }

.pic a {
	margin: 0;
	display: block;
	/*padding: 0 0 22px;
	background: transparent url('/inc/img/clouds-arrow-positive.png') 100% 300px no-repeat;*/ }
			
.pic a:hover, .pic a:focus {
	background-position: 100% 100%;
				-webkit-transition: all .5s ease-in-out;
				-moz-transition: all .5s ease-in-out;
				-o-transition: all .5s ease-in-out;
				transition: all .5s ease-in-out;}
				
/*			.pic a img {
				border: 6px solid #dce0e5;
				margin: 0; padding: 0;
				display: block; }*/
				
.pic a:hover img, .pic a:focus img {
	border-color: #bac1cc;
				-webkit-transition: all .2s ease-in-out;
				-moz-transition: all .2s ease-in-out;
				-o-transition: all .2s ease-in-out;
				transition: all .2s ease-in-out; }
			
			.clickbox {
				cursor: pointer;}

.videoborder {
	border: 6px solid #dce0e5; }


/* buttons */ 

a.button {
	font-weight: normal;
	letter-spacing: .05em;
	text-shadow: #f6f7f9 1px 1px 0px;
	text-decoration: none;
	margin:  0;
	padding: 0 0 0 18px;
	display: block;
	background: none;
	border: none;
	background: url('/inc/img/bg-button.png') 0 0px no-repeat; }

a.button:hover , a.button:focus, a.button:active {
	color: #663d00;
	background-position: 0 -50px; }
	
a.button span {
	line-height: 32px;
	padding: 0 36px 0 0;
	margin: 0;
	display: block;
	background: url('/inc/img/bg-button.png') 100% 0px no-repeat; }

a.button:hover span, a.button:focus span, a.button:active span {
	color: #663d00;
	background-position: 100% -50px; }

a.button.center {
	margin: .5em auto; }

a.button.right {
	float: right; }

		/*.one > p, .two > p, .three > p
		.one > button, .two > button, .three > button {
			margin-top: 0; }*/


/* biig button*/
.bigbtn {
    padding-left: 18px;
    padding-right: 50px;
    margin: 1em 0;
    height: 28px;
    float: left;
    clear: both;
		background: #4f637f url('/inc/img/bg-header.png') 0 0 repeat;
    overflow: hidden;
    display: inline-block;
					background: -webkit-gradient(linear,left top,left bottom,color-stop(#80a9da,0),color-stop(#6f97c5,1));
					background: -webkit-linear-gradient(top, #728299 0%, #4f637f 100%);
					background: -moz-linear-gradient(top, #728299 0%, #4f637f 100%);
					background: -o-linear-gradient(top, #728299 0%, #4f637f 100%);
					background: linear-gradient(top, #728299 0%, #4f637f 100%);
					/*background: url('/inc/img/bg-header.png'), linear-gradient(top, #80a9da 0%, #6f97c5 100%);*/ /* mit background-image! */
    			filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#80a9da', endColorstr='#6f97c5',GradientType=0 );
    border: 1px solid #5d81ab;
    border-radius: 14px;
					-webkit-border-radius: 14px;		
					-moz-border-radius: 14px;
					
					-webkit-box-shadow: 0px 1px 1px #DCE0E5 inset, 1px 1px 3px rgba(0,0,0,0.2), 0px 0px 0px 4px rgba(188,188,188,0.5);
					-moz-box-shadow: 0px 1px 1px #DCE0E5 inset, 1px 1px 3px rgba(0,0,0,0.2), 0px 0px 0px 4px rgba(188,188,188,0.5);
					box-shadow: 0px 1px 1px #DCE0E5 inset, 1px 1px 3px rgba(0,0,0,0.2), 0px 0px 0px 4px rgba(188,188,188,0.5);
    position: relative;
				-webkit-transition: all 0.3s linear;
				-moz-transition: all 0.3s linear;
				-o-transition: all 0.3s linear;
				transition: all 0.3s linear;
}
	.bigbtn.slide {
		}

.bigbtn .text {
    color: #eff1f4 /*#4a5264*/;
    font-size: 15px;
		line-height: 28px;
    display: block;
    white-space: nowrap;
    text-shadow: -1px -1px 0 rgba(0,0,0,0.1);
				-webkit-transition: all 0.2s linear;
				-moz-transition: all 0.2s linear;
				-o-transition: all 0.2s linear;
				transition: all 0.2s linear;
}

.bigbtn .slidetext {
    color: #fff;
    font-size: 15px;
    text-shadow: -1px -1px 0 #2f3b4c;
    line-height: 28px;
    width: 0;
    height: 100%;
    position: absolute;
    top: 0;
    right: 36px;
    background: #3f4f66;
    white-space: nowrap;
    text-align: left;
    text-indent: 10px;
    overflow: hidden;
					-webkit-box-shadow: -1px 0px 1px rgba(255,255,255,0.4), 1px 1px 2px rgba(0,0,0,0.2) inset;
					-moz-box-shadow: -1px 0px 1px rgba(255,255,255,0.4), 1px 1px 2px rgba(0,0,0,0.2) inset;
					box-shadow: -1px 0px 1px rgba(255,255,255,0.4), 1px 1px 2px rgba(0,0,0,0.2) inset;
					-webkit-transition: width 0.3s linear;
					-moz-transition: width 0.3s linear;
					-o-transition: width 0.3s linear;
					transition: width 0.3s linear;
}

.bigbtn .icon {
    height: 100%;
    width: 36px;
    position: absolute;
    right: 0px;
    top: 0px;
    border-left: 1px solid #5d81ab;
					-webkit-box-shadow: 1px 0px 1px rgba(255,255,255,0.4) inset;
					-moz-box-shadow: 1px 0px 1px rgba(255,255,255,0.4) inset;
					box-shadow: 1px 0px 1px rgba(255,255,255,0.4) inset;
}
.bigbtn .icon span {
    margin: -14px 0px 0px -18px;
    width: 36px;
    height: 28px;
    opacity: 0.9;
    position: absolute;
    left: 50%;
    top: 50%;
    			text-shadow: -1px -1px 0 rgba(0,0,0,0.1);
    background: transparent url('/inc/img/arrow-right.png') no-repeat 50% 55%;
}
	.bigbtn.slide .icon span {
					-webkit-transition: all 0.3s linear;
					-moz-transition: all 0.3s linear;
					-o-transition: all 0.3s linear;
					transition: all 0.3s linear;
		}

.bigbtn:hover{
					-webkit-box-shadow: 0px 1px 1px #DCE0E5 inset, 1px 1px 3px rgba(0,0,0,0.2);
					-moz-box-shadow: 0px 1px 1px #DCE0E5 inset, 1px 1px 3px rgba(0,0,0,0.2);
					box-shadow: 0px 1px 1px #DCE0E5 inset, 1px 1px 3px rgba(0,0,0,0.2);
}
	.bigbtn.slide:hover{
     padding-right: 130px;
	}

.bigbtn:hover .text{
    /*text-shadow: 0 0 1px #a7b1bf;*/
    color: #fff;
}
.bigbtn.slide:hover .slidetext{
    width: 80px;
}
.bigbtn:hover .icon span{
    opacity: 1;
}

.bigbtn:active {
    position: relative;
    top: 1px;
    border-color: #772f21/*80a9da*/;
    background: #ab432e/*5d81ab*/;
				-webkit-box-shadow: 1px 1px 1px rgba(0,0,0,0.2) inset;
				-moz-box-shadow: 1px 1px 1px rgba(0,0,0,0.2) inset;
				box-shadow: 1px 1px 1px rgba(0,0,0,0.2) inset;
}


.bigbtn, .bigbtn a,  a:hover {
	text-decoration: none; }



/* listen */
ul { 
	margin: .5em 0;
	padding: 0 0 0 12px; 
	overflow: auto;
	}
	
ul li { 
	margin: 0;
	padding: 0 0 0 14px;
	list-style-type: none;
	background: url('/inc/img/list-dot.png') 0 .4em no-repeat; 
	}
	
.listspace li { padding-bottom: .5em; }

ol { 
	margin: .5em 0 .5em 20px;
	padding: 0; 
	overflow: auto;
	}
ol li { 
	margin: 0 0 0 20px;
	padding: 0; 
	}


/* zweispalter regulär content */
.twocols {
	clear: both;
	margin: 0;
	width: 600px;
	overflow: hidden; 
	}

.twocols .one {
	width: 288px; 
	float: left;
	margin-right: 24px; 
	}

.twocols .two {
	width: 288px; 
	float: left; 
	}

.twothirdthird .one,
.thirdtwothird .two { width: 392px; }

.thirdtwothird .one,
.twothirdthird .two { width: 184px; }


/* zweispalter volle breite */
#start .twocols,
#fullwidth .twocols { width: 912px; }	

#start .one, #start .two, 
#fullwidth .one, #fullwidth .two { width: 444px; }

#start .twothirdthird .one,
#fullwidth .twothirdthird .one,
#start .thirdtwothird .two, 
#fullwidth .thirdtwothird .two { width: 600px; }

#start .twothirdthird .two, 
#fullwidth .twothirdthird .two,
#start .thirdtwothird .one,
#fullwidth .thirdtwothird .one { width: 288px; }


/* dreispalter regulär content */
.threecols {
	clear: both;
	margin: 0;
	width: 600px;
	overflow: hidden; 
	}

.threecols .one, .threecols .two, .threecols .three {
	width: 184px; 
	float: left; 
	}

.threecols .one, .threecols .two {
	margin-right: 24px; 
	}


/* dreispalter volle breite */
#start .threecols,
#fullwidth .threecols{ 
	width: 912px; 
	}	

/* teaser  */
/*.twocols.teaser {
	}

.twocols.teaser.third .one {
	width: 184px; 
	}

.twocols.teaser.third .two {
	width: 392px; 
	}*/



/* infokasten */
.infobox {
	margin: 1em 0;
	padding: 6px;
	border: 6px solid #f4f5f7; 
	}

.infobox img {
	width: 588px;	
	margin: -6px -6px .5em;
	}

.infobox.left, .infobox.thirdleft {
	float: left;
	margin-right: 24px; 
	}

.infobox.right, .infobox.thirdright {
	float: right;
	margin-left: 24px;
	}

/* infokasten halbbreit */
.infobox.left {	width: 264px;	}
.infobox.right { width: 264px; }

.infobox.left img, .infobox.right img {	width: 276px;	}
	
/* infokasten drittelbreit */
.infobox.thirdleft { width: 160px;	}
.infobox.thirdright { width: 160px; }

.infobox.thirdleft img, .infobox.thirdright img { width: 172px; }


/* zitate */
			.quote {
				padding: 0px 12px 27px;
				margin: 0 0 12px 24px;
				width: 264px;
				float: right;
				border-top: 6px solid #f4f5f7;
				background: url('/inc/img/bg-quote.png') 0 100% no-repeat; }
			
			.fazit {
				padding: 0px 12px;
				margin: 1dm 0;
				border: 6px solid #f4f5f7;
				background: url('/inc/img/bg-fazit.png') 0 0 repeat-y; }



/* ---[ startseite ]------------------------------- */

#start h1 {	margin: .25em 0 .5em; }	

#start #mainwrap {
	background: none; 
	}

/* erster abschnitt home - intro */
#main { margin: 24px 12px; }

	
/* zweiter abschnitt home - referenzen */
#show {
	background: #f7f8f9;
	padding: 12px;
	margin: 24px 0;
	border: 1px solid #dce0e5;
	border-width: 1px 0 0; }
	
ul.references {
	margin: 0 -6px;
	padding: 0;
	width: 612px;	overflow: hidden;
	clear: both; }
	
	#start ul.references, #fullwidth ul.references {
		width: 924px; }
	
/* super special mouseover css3 */
ul.references li {
    text-align: center;
    float: left;
    width: 180px;
    height: 135px;
    margin: 6px;
		padding: 0;
    cursor: default;
    overflow: hidden;
    position: relative;
	  background: #FFFFFF;
    border: 6px solid #DCE0E5;
		}
	
		#start ul.references li, #fullwidth ul.references li {
			width: 209px;
			height: 157px;
			margin: 5px; }


ul.references li .mask, ul.references li .content {
    width: 180px;
    height: 135px;
    top: 135px;
    position: absolute;
    overflow: hidden;
    left: 0
}

		#start ul.references li .mask, #start ul.references li .content,
		#fullwidth ul.references li .mask, #fullwidth ul.references li .content{
			width: 209px;
			height: 157px;
			top: 157px;
		}

ul.references li img {
    display: block;
    position: relative
}

ul.references li h2 {
    color: #fff;
    text-align: center;
    font-size: 115.38%;
    padding: 8px 6px;
    margin-top: 8px;
}

	#start ul.references li h2, #fullwidth ul.references li h2 {
    font-size: 130.77%;
    padding: 12px 6px;
    margin-top: 12px;
	}
	
ul.references li p {
    color: #fff;
    font-family: Georgia, serif;
    font-style: italic;
    font-size: 84.62%;
		line-height: 1.3em;
    padding: 4px 6px;
    text-align: center;
					-webkit-transition: all 0.2s linear;
					-moz-transition: all 0.2s linear;
					-o-transition: all 0.2s linear;
					-ms-transition: all 0.2s linear;
					transition: all 0.2s linear;
}

	#start ul.references li p, #fullwidth ul.references li p {
    font-size: 92.31%;
    padding: 6px;
	}
		
ul.references li img {
				-webkit-transition: all 0.3s ease-in-out;
				-moz-transition: all 0.3s ease-in-out;
				-o-transition: all 0.3s ease-in-out;
				-ms-transition: all 0.3s ease-in-out;
				transition: all 0.3s ease-in-out;
}
ul.references li .mask {
	opacity: 1;
	background: #4f637f url('/inc/img/bg-header.png') 0 0 repeat;
				-webkit-transform: translateY(135px);
				-moz-transform: translateY(135px);
				-o-transform: translateY(135px);
				-ms-transform: translateY(135px);
				transform: translateY(135px);
				-webkit-transition: all 0.3s ease-in-out;
				-moz-transition: all 0.3s ease-in-out;
				-o-transition: all 0.3s ease-in-out;
				-ms-transition: all 0.3s ease-in-out;
				transition: all 0.4s ease-in-out;
}

	#start ul.references li .mask, #fullwidth ul.references li .mask {

				-webkit-transform: translateY(157px);
				-moz-transform: translateY(157px);
				-o-transform: translateY(157px);
				-ms-transform: translateY(157px);
				transform: translateY(157px);
	}

ul.references li:hover .mask {
	-webkit-transform: translateY(-135px);
  -moz-transform: translateY(-135px);
  -o-transform: translateY(-135px);
  -ms-transform: translateY(-135px);
	transform: translateY(-135px);
}

	#start ul.references li:hover .mask, #fullwidth ul.references li:hover .mask {
		-webkit-transform: translateY(-157px);
		-moz-transform: translateY(-157px);
		-o-transform: translateY(-157px);
		-ms-transform: translateY(-157px);
		transform: translateY(-157px);
	}
	
ul.references li:hover img {
	-webkit-transform: translateY(-135px);
  -moz-transform: translateY(-135px);
  -o-transform: translateY(-135px);
  -ms-transform: translateY(-135px);
	transform: translateY(-135px);
	transition-delay: 0.1s;
}

	#start ul.references li:hover img, #fullwidth ul.references li:hover img {
		-webkit-transform: translateY(-157px);
		-moz-transform: translateY(-157px);
		-o-transform: translateY(-157px);
		-ms-transform: translateY(-157px);
		transform: translateY(-157px);
	}

ul.references li:hover a {
	text-decoration: none;}
	
#references .bigbtn {
	margin: 6px 0;}



/* dritter abschnitt home - drei kästen */
#more .threecols {
	margin: 24px 0;
	width: 936px;
	overflow: hidden;
	background: url('/inc/img/bg-3col.png') 0 0 repeat-y; }

#more .one, #more .two, #more .three { 
	width: 272px;
	padding: 12px; }




/* ---[ rubrikeinstiege teaser ]------------------------------- */

			/* Mainteaser */
			/*.mainteaser.twocols .one, .mainteaser.twocols .two {
				padding: 0 6px;
				width: 276px; }
			
			.mainteaser.twocols .one img , .mainteaser.twocols .two img {
				margin: 0 -6px; }
			
			.mainteaser .clickbox.hover,
			.customer.clickbox.hover { background-color: #e5e8ec; }	*/
			
			
			/* Subteaser */
	/*		.teaser {
				margin: 1em 0;
				padding-bottom: 1em;
				border-bottom: 1px solid #eef0f2;}
			
											.teaser:first-child {
												padding-top: 1em;
												background: green;
												border-bottom-width: 10px;
												border-top: 1px solid #eef0f2;}*/


/* ---[ referenzen filter ]------------------------------- */

#filter {
	display: none;
	margin: 0; padding: 0; }

#filter li {
    margin: 1em 2px;
		padding: 0;
		list-style-type: none;
		line-height: 1.6em;
    float: left;
		background: #dce0e5;
    overflow: hidden;
    border: 3px solid #eef0f2;
    border-radius: 6px;
					-webkit-border-radius: 6px;		
					-moz-border-radius: 6px;
/*					box-shadow: 0px 1px 1px #DCE0E5 inset, 1px 1px 2px rgba(0,0,0,0.2), 0px 0px 0px 2px rgba(188,188,188,0.5);*/
    position: relative;
				-webkit-transition: all 0.3s linear;
				-moz-transition: all 0.3s linear;
				-o-transition: all 0.3s linear;
				transition: all 0.3s linear;
}

#filter li:hover, #filter li:focus {
	background: #b0b3b7;
/*					-webkit-box-shadow: 0px 1px 1px #DCE0E5 inset, 1px 1px 1px rgba(0,0,0,0.2);
					-moz-box-shadow: 0px 1px 1px #DCE0E5 inset, 1px 1px 1px rgba(0,0,0,0.2);
					box-shadow: 0px 1px 1px #DCE0E5 inset, 1px 1px 1px rgba(0,0,0,0.2);*/
}

#filter li.current, #filter li.current:hover, #filter li.current:focus {
		background: #4f637f url('/inc/img/bg-header.png') 0 0 repeat;
	}

#filter a {
		color: #6e7583;
		text-decoration: none;
    padding: 2px 8px 4px;
    display: block;}
	
#filter li:hover a, #filter li:focus a {
	color: #fff;}

#filter .current a {
	color: #fff; }



/* ---[ footer ]------------------------------- */

footer {
	font-size: 84.61%;
	line-height: 1.4em;
	padding: 12px 0;
	margin: 0;
	width: 936px;
	overflow: hidden;
	background: #4f637f url('/inc/img/bg-header.png') 0 0 repeat;
	}

footer ul, footer li {
	color: #b9c1cc;
	margin: 0; padding: 0;
	background: none;
	}
	
footer li.one, footer li.two, footer li.three, footer li.four {
	width: 288px !important;
	float: left;
	padding: 0;
	margin: 0 12px;
	}

footer li.three, footer li.four {
	width: 132px !important;
	}

footer a, footer a:visited {
	color: #b9c1cc;
	text-decoration: none; }

footer a:hover, footer a:focus {
	color: #fff;
	text-decoration: underline; 
	}

/* text bei hover */
footer li:hover, footer li:focus { color: #fff;}
footer li:hover a, footer li:focus a { 
	color: #fff;
	text-decoration: underline;}

/* icons im footer */
footer .icons a {
	text-indent: -9999px; overflow: hidden;
	background: url('/inc/img/icons-social-media.png') 0 0 no-repeat;
	display: block; 
	width: 32px; 
	height: 32px;
	float: left;
	margin: 0 6px 5px 0;
	}

footer a.google { background-position: 0 0; margin-left: 12px; }
footer a.google:hover { background-position: 0 -32px; }

footer a.facebook { background-position: -32px 0 }
footer a.facebook:hover { background-position: -32px -32px; }

footer a.xing { background-position: -64px 0 }
footer a.xing:hover { background-position: -64px -32px; }

p.icons { margin-top: 1.1em; }



/* ---[ social media adden im footer ]------------------------------- */

#smadd li.goog {
	width: 108px;
	height: 68px;
	position: absolute;
	top: 24px;
	right: -120px; 
	z-index: 9;
	background: url('/inc/img/icons-smadd.png') -24px 0 no-repeat;}
	
#smadd li.goog.hover {
	background-position: -24px -80px;}
	
#smadd .goog a {
	display: block;
	width: 24px;
	height: 24px;
	text-indent: -9999px;
	outline: none;
	background: url('/inc/img/icons-smadd.png') 0 -3px no-repeat;}

#smadd .goog a:hover, #smadd .goog a:focus {
	background-position: 0 -83px; }

/* facebook */
#smadd li.face {
	width: 108px;
	height: 78px;
	position: absolute;
	top: 54px;
	right: -120px; 
	z-index: 9;
	background: url('/inc/img/icons-smadd.png') -24px -160px no-repeat;}

#smadd li.face.hover {
	background-position: -24px -240px;}	
	
#smadd .face a {
	display: block;
	width: 24px;
	height: 24px;
	text-indent: -9999px;
	outline: none;
	background: url('/inc/img/icons-smadd.png') 0 -160px no-repeat; }

#smadd .face a:hover, #smadd .face a:focus {
	background-position: 0 -240px; }