/* reset.css */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}
h1,h2,h3,h4,h5,h6 {font-weight:normal;}

.clearfix:after, .container:after {content:"\0020";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
.clearfix, .container {display:block;}
.clear {clear:both;}
/* typography.css */
.typo a:link, .typo a:visited {
color:#fff;
text-decoration: none;
}
.typo a:hover {
text-decoration: underline;
}
/* Headings
-------------------------------------------------------------- */
.typo h1,
.typo h2,
.typo h3,
.typo h4,
.typo h5,
.typo h6 {
font-weight: normal;
}
.typo h1 {
font-size: 1.5em;
line-height: 1.25;
margin-bottom: 0.3em;
}
.typo h2 {
font-size: 1.4em;
line-height: 1.25;
margin-bottom: 0.4em;
}
.typo h3 {
font-size: 1.3em;
line-height: 1.25;
margin-bottom: 0.5em;
}
.typo h4 {
font-size: 1.2em;
line-height: 1.25;
margin-bottom: 0.6em;
}
.typo h5 {
font-size: 1.1em;
font-weight: bold;
margin-bottom: 0.7em;
}
.typo h6 {
font-size: 1em;
font-weight: bold;
}
.typo h1 img,
.typo h2 img,
.typo h3 img,
.typo h4 img,
.typo h5 img,
.typo h6 img {
margin: 0;
}
/* Text elements
-------------------------------------------------------------- */
.typo p {
margin: 0 0 1.5em;
}
.typo p img.left {
float: left;
margin: 0.35em 1.5em 1.5em 0;
padding: 0;
}
.typo p img.right {
float: right;
margin: 0.35em 0 1.5em 1.5em;
}
/*
.typo a:focus,
.typo a:hover {
color: #000;
}
.typo a {
color: #009;
text-decoration: underline;
}
*/
.typo blockquote {
margin: 1.5em;
color: #666;
font-style: italic;
}
.typo strong {
font-weight: bold;
}
.typo em,
.typo dfn {
font-style: italic;
}
.typo dfn {
font-weight: bold;
}
.typo sup,
.typo sub {
line-height: 0;
}
.typo abbr,
.typo acronym {
border-bottom: 1px dotted #666;
}
.typo address {
margin: 0 0 1.5em;
font-style: italic;
}
.typo del {
color: #666;
}
.typo pre {
margin: 1.5em 0;
white-space: pre;
}
.typo pre,
.typo code,
.typo tt {
font: 1em 'andale mono', 'lucida console', monospace;
line-height: 1.5;
}
/* Lists
-------------------------------------------------------------- */
.typo li ul,
.typo li ol {
margin: 0;
}
.typo ul,
.typo ol {
margin: 0 1.5em 1.5em 0;
padding-left: 1.5em;
}
.typo ul {
list-style-type: disc;
}
.typo ol {
list-style-type: decimal;
}
.typo dl {
margin: 0 0 1.5em 0;
}
.typo dl dt {
font-weight: bold;
}
.typo dd {
margin-left: 1.5em;
}
/* Tables
-------------------------------------------------------------- */
.typo table {
margin-bottom: 1.4em;
width: 100%;
}
.typo th {
font-weight: bold;
}
.typo th,
.typo td,
.typo caption {
padding: 4px 10px 4px 5px;
}
.typo tr.even td {
background: #333;
}
.typo tfoot {
font-style: italic;
}
.typo caption {
background: #eee;
}
/* layout.css */
html,
body {
width: 100%;
height: 100%;
}
/**/
html {
font-size: 100.01%;
}
body {
/*font-size: 75%;*/
font-size: 13px;
line-height:1.4;
color: #666;
background: #2c2c2c none;
font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
}
a:link,
a:visited {
color: #666;
text-decoration: none;
}
h1,
h2,
h3,
h4,
h5,
h6 {

}
address,
em {
font-style:normal;
}
hr {
clear: both;
display: block;
border: 0 none;
border-top: 2px dotted #4a4a4a;
margin: 1.5em 0;
padding: 0;
color: transparent;
background: transparent none;
}
/**/
.page {
overflow: hidden;
position: relative;
width: 100%;
min-width: 938px;
min-height: 100%;
text-align: left;
background: transparent url("../img/body.jpg") repeat-x 50% 0;
}
.page-body {
margin: 0 auto;
width:938px;
}
.page-title {
display: none;
}
.page-header {
position: relative;
z-index: 300;
width: 720px;
height: 200px;
}
.page-teasers {
overflow: hidden;
position: relative;
z-index: 200;
padding: 20px 20px 25px 10px;
width: 690px;
}
.body-projects .page-teasers {
padding: 20px 20px 40px 10px;
}
.page-display {
overflow: hidden;
position: relative;
z-index: 200;
padding: 10px 10px 25px;
width: 700px;
text-align: center;
}
.page-content {
clear: both;
overflow: hidden;
position: relative;
z-index: 200;
margin-bottom:230px;
padding-left:14px;
width:706px;
min-height: 150px;
}
.page-content p{
padding:0 195px 0 0;
}
.page-content .headline strong,
.page-content .headline em{
font-style: normal;
font-weight: normal;
}
.page-content .headline a{
color: #fff;
}
.page-content .headline{
/*font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;*/
clear: both;
font-size:18px;
}
.page-content hr{
margin-left:-14px;
}
.page-content .headline-title {
color: #a4a92a;
}
.page-content .headline .headline-title{
padding-left: 16px;
background: transparent url("../img/headline-title-prefix.png") no-repeat 0 3px;
}
.page-content-left,
.page-content-right {
display: inline;
float: left;
width: 339px;
}
.page-content-left {
padding-right: 14px;
width: 323px;
}
.page-content-right {
padding-left: 14px;
}
.page-content .page-content-left p,
.page-content .page-content-right p {
padding:0;
}
.page-content-item {
overflow: hidden;
clear:both;
padding-top: 16px;
padding-bottom:25px;
background: transparent url("../img/content-item.png") no-repeat 0 0;
}
.page-footer {
position: absolute;
z-index: 100;
left: 50%;
bottom: 0;
margin-left: -50%;
width: 100%;
height: 320px;
}
/**/
.swf:hover {
	clip: auto;
}
.swf-bg {
position: relative;
z-index: 0;
outline:0 none;
}
/**/
.nav ul {
overflow: hidden;
list-style: none;
}
.nav ul a {
display: block;
}
/**/
.nav-main {
position: absolute;
z-index:10;
top: 28px;
right: 0;
width: 142px;
line-height: 22px;
font-size: 16px;
font-weight: 700;
}
.nav-main a:link,
.nav-main a:visited {
padding-left: 25px;
color: #8c8c8c;
background: transparent url("../img/nav-main-prefix.png") no-repeat -25px 50%;
}
.nav-main a:hover {
color: #fff;
}
.nav-main .nav-active a:link,
.nav-main .nav-active a:visited {
padding-left: 40px;
color: #f8f8f8;
background-position: 25px 50%;
}
.nav-main li {
border-bottom: 1px solid #3d3d3d;
}
.nav-main li.last {
border-bottom: 0 none;
}
/**/
.address {
position: absolute;
top: 153px;
left:23px;
font-size: 11px;
}
.address a:hover{color:#fff}
/**/
.nav-sub {
position: absolute;
z-index: 400;
top: 0;
right:50%;
margin-right:-468px;
padding-left: 9px;
background: transparent url("../img/nav-sub.png") no-repeat 0 -15px;
}
.nav-sub,
.nav-sub a:link,
.nav-sub a:visited {
color: #fffefe;
}
.nav-sub ul {
padding-right: 9px;
height: 15px;
overflow: hidden;
font-size: 10px;
background: transparent url("../img/nav-sub.png") no-repeat 100% -30px;
}
.nav-sub li,
.nav-sub li a {
display: inline;
float: left;
height:15px;
line-height:15px;
vertical-align:text-top;
}
.nav-sub li a img {
position: relative;
top: 1px;
}
.nav-sub li {
padding: 0 7px;
background: transparent url("../img/nav-sub.png") repeat-x 100% 0;
}
/**/
.page-teasers .last {
margin-right: 0;
}
.teaser {
display: inline;
float: left;
position: relative;
margin-right:22px;
width: 156px;
}
.teaser a:link,
.teaser a:visited {
color:#a4a92a;
}
.teaser-title {
color:#FFFFFF;
display:inline;
float:left;
font-family:"Lucida Sans Unicode","Lucida Grande",sans-serif;
font-size:18px;
margin-right:22px;
position:relative;
text-align:center;
width:156px;
z-index:30;
}
.teaser-visual {
position: absolute;
z-index: 0;
left: 6px;
top: 9px;
}
.teaser-frame {
/*position: absolute;
z-index: 10;
left:0;
top:0;*/
width: 156px;
height: 168px;
background: transparent url("../img/teaser.png") no-repeat 0 0;
}
.teaser-link {
position: absolute;
z-index: 20;
left: 6px;
top:7px;
padding-top:115px;
padding-left:8px;
width:137px;
height:17px;
line-height:17px;
font-size:10px;
}
.teaser-link .prefix {
color:#fff;
}
.teaser:hover .teaser-frame {
background-position: 0 -168px;
}
.teaser:hover a:link,
.teaser:hover a:visited {
color:#000;
}
.teaser:hover .teaser-link .prefix {
color:#000;
}
.teaser:hover a:hover .prefix {
color:#f00;
}
/**/
.page-teasers-customers .teaser-frame{
height:185px;
background-image: url("../img/teaser-customer.png");
}
.page-teasers-customers .teaser-title{
margin-top:185px;
font-size: 0;
}
.page-teasers-customers .teaser:hover .teaser-frame {
background-position: 0 -185px;
}
.page-teasers-customers .teaser a,
.page-teasers-customers .teaser:hover a:link,
.page-teasers-customers .teaser:hover a:visited {
color:#a4a92a;
}
.page-teasers-customers .teaser:hover .teaser-link .prefix {
color:#fff;
}
.page-teasers-customers .teaser:hover a:hover .prefix {
color:#fff;
}
/**/
.nav-footer {
position: absolute;
z-index: 200;
bottom: 40px;
left:50%;
margin-left:-300px;
color:#fff;
}

.nav-footer a:link,
.nav-footer a:visited{
color:#a4a92a;
}
.nav-footer-title{
display: inline;
margin: 0;
}
/**/
.socials {
overflow:hidden;
position:absolute;
left:-142px;
top:1px;
}
.socials a,
.socials a{
overflow:hidden;
display:inline;
float:left;
outline:0 none;
text-indent:-1000px;
margin-right:2px;
width:18px;
height:18px;
background:transparent url("../img/socials.png") no-repeat 0 0;
}
.socials .social-linkedin {
background-position: 0 0;
}
.socials .social-facebook {
background-position: 0 -18px;
}
.socials .social-blogger {
background-position: 0 -36px;
}
.socials .social-delicious {
background-position: 0 -54px;
}
.socials .social-lastfm {
background-position: 0 -72px;
}
.socials .social-twitter {
background-position: 0 -90px;
}
.socials .social-studivz {
background-position: 0 -108px;
}
.socials .social-meinvz {
background-position: 0 -126px;
}
/**/
.fc-normal {
color:#666;
}
.fc-highlight {
color:#fff;
}
.fc-important {
color:#a4a92a;
}
/**/
.page-content .list-chapters {
list-style: none;
list-style-image: url("../img/plus.png");
padding-left:2.5em;
}
.body-expertise .page-content .page-content-left a {
padding-left:16px;
background: transparent url("../img/arrow.png") no-repeat 2px 7px;
}
.body-customers .page-teasers-customers {
margin-bottom: 230px;
}
.body-customers .teaser-visual {
left:5px;
}
/**/
.page-notice {
	margin: 40px 220px 20px 20px;
	padding: 20px;
	border: 1px solid #f00;
	color: #fff;
	background-color: #420d0d;
}
/**/
.basilicom_logo_alt {
	display: block;
	width: 480px;
	height: 157px;
	background: transparent url("../img/header_alternative.jpg") no-repeat 0 0;
	text-indent: -1000px;
	overflow: hidden;
}
.basilicom_footer_alt {
	display: block;
	height: 320px;
	background: transparent url("../img/footer_alternative.jpg") no-repeat 50% 0;
	text-indent: -1000px;
	overflow: hidden;
}
.dragslider-0_alt,
.dragslider-1_alt,
.dragslider-2_alt,
.dragslider-3_alt {
	display: block;
	width: 334px;
	height: 309px;
	background: transparent none no-repeat 0 0;
	text-indent: -1000px;
	overflow: hidden;
}
.dragslider-0_alt {
	background-image: url("../swf/dragslider/DragSlider_got2b_StyleContest.png");
}
.dragslider-1_alt {
	background-image: url("../swf/dragslider/DragSlider_CMS.png");
}
.dragslider-2_alt {
	background-image: url("../swf/dragslider/DragSlider_CRM_Mailer.png");
}
.dragslider-3_alt {
	background-image: url("../swf/dragslider/DragSlider_Rest.png");
}