@charset 'utf-8';
@import url(reset.css);
@import url(jquery.fancybox-1.2.6.css);
@import url(custom.css);
/* Hier werden Stile geladen, die CMS-Seiten-spezifisch sind */

/*
	Farben:
	h2, a: 	3a55b9
	h1: 	2f2f2f
	border: c8c8c8
	submenu: 797979
*/


body {
	text-align: center;
	background: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	color: #2f2f2f;
	overflow-x: hidden;
}

body:before {
          content: "";
          position: fixed;
          top: -10px;
          left: 0;
          width: 100%;
          height: 10px;

          -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,.2);
              -moz-box-shadow: 0px 0px 10px rgba(0,0,0,.2);
                         box-shadow: 0px 0px 10px rgba(0,0,0,.2);

          z-index: 100;
}

a{
	color: #3a55b9;
}

a:hover{
	color: #c4352f;
}

/*
	Link Icons
*/
.external-link {
	background: url(img/icon_external_link.gif) no-repeat 4px 7px;
	padding: 2px 4px 2px 16px;
	
}

.external-link:hover {
	background-position: 4px -11px;
}

.blue-multimedia {
	text-transform: lowercase;
}

#page {
	text-align: left;
	margin: 0 auto;
	padding: 0 20px 35px 20px;
	width: auto !important;
	width: 990px;
	max-width: 1280px;
	min-width: 990px;
}

#header h1 {
	height: 121px;
	/*border-bottom: 1px solid #c8c8c8;*/
	background: #FFF;
	padding: 0 40px;	

	
}

#header h2 {
	font-family: "Trebuchet MS", "Lucida Grande", Arial, sans-serif;
	color: #3a55b9;
	font-size: 29px;
	font-weight: bold;
	padding: 0 40px;	
	padding-top: 2px;
	padding-bottom: 37px;
	height: 28px;
		

}

#header h1 a {
	text-indent: -9999px;
	background: url(img/logo.gif) no-repeat;
	display: block;
	width: 270px;
	height: 121px; 
}



#header {
	position: relative;	
	z-index: 0;

}


.filter strong {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	padding-right:3px;
}


.filter a {
	font-family: Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:16px;
	text-decoration:none;
	color:#BBBBBB;
	padding-right:3px;
}

.filter a:hover {
	color:#000000;
}


a.next, a.back {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	text-decoration:none;
	color:#BBBBBB;
	padding-right:3px;
}

a.next:hover, a.back:hover {
	color:#000000;
}



#main-menu {
	position: absolute;
	right: 0;
	top: 93px;
	text-transform: lowercase;
	padding: 0 40px;	
}

#main-menu li {
	float: left;
	margin-left: 32px;
	
}

#main-menu a {
	text-decoration: none;
	font-family: "Trebuchet MS", "Lucida Grande", Arial, sans-serif; 
	font-size: 29px;
	color: #BBB;
	display: block;
	line-height: 34px;
	/*padding: 0 4px;*/	
}


#main-menu .current a, #main-menu .section a {
	color: #2f2f2f;
	/*border-bottom: 1px solid #2f2f2f;*/
	/*background: #EEE;*/
}

#main-menu a:hover {
	color: #2f2f2f;
	border-bottom: 1px solid #5f5f5f;
}

#main-menu ul a:hover {
	color: #2f2f2f;
	border-bottom: none;
}


#main-menu ul {
	position: absolute;
	left: 40px;
	top: 20px;
	padding-top: 6px;
	display: none;
	line-height: 1;
	padding-right: 32px;
	padding-bottom: 12px;
    width: 540px;
	
}

#main-menu .current ul, #main-menu .section ul {
	display: block;

}

#main-menu .current ul a, #main-menu .section ul a {
	color: #BBB;
	border: none;
	font-size: 20px;		
	
}

#main-menu ul .current a, #main-menu ul .section a {
	color: #2f2f2f;
	/*background: #EEE;*/

}

.service-menu a:hover {
	color: #2f2f2f;
}

.service-menu {
	position: absolute;
	top: 16px;
	right: 0;
	text-transform: lowercase;	
	padding: 0 40px;	
}

.service-menu a {
	color: #797979;
	border: none;
	font-size: 12px;
	text-decoration: none;
}

.service-menu a:hover {
	color: #2f2f2f;

}

.service-menu .current a {
	color: #2f2f2f;
	text-decoration: underline;
}

.service-menu li {
	float: left;
	padding-right: 6px;
	margin-right: 6px;
	background: url(img/service-menu-sep.gif) no-repeat right 5px;
}

.service-menu .last {
	margin: 0;
	padding: 0;
	background: none;
}

.service-menu input {
	font-size: 11px;
	height: 13px;
	width: 150px;
	line-height: 13px;
	padding: 1px;
	margin: 0;

}




#page .textonly h1 {
	margin-bottom: 24px;
}

.textonly {
	width: 546px;
}

#content {
	font-size: 13px;
	line-height: 18px;
	padding: 0 40px 10px;
	position: relative;
	z-index: 5;
	height: auto !important;
	height: 500px;
	min-height: 500px;
}

#page .project-holder {
	padding: 0 20px 10px;

}

#page .project-holder h1 {
	padding-left: 20px;

}


#content h1 span, #content h1 a {
	font-size: 29px;
	text-decoration: none;
	text-transform: lowercase;
}

#content h1 a:hover {
	border-bottom: 1px solid #3a55b9;
}

#content h1 {
	padding-top: 0;
	margin-bottom: 20px;
}

#page .project h3, #page h4  {
	font-size: 18px;
	margin-bottom: 6px;
}

#page h2.job-title  {
	font-size: 24px;
	margin-bottom: 18px;
	margin-top: 18px;
}

.project-meta  dl {
		margin-bottom: 12px;
}

.project-meta  dt {
		float: left;
		font-weight: bold;
		margin-right: 4px;
}

/*#content h2 {
	font-size: 18px;
	font-weight: normal;
	line-height: 1;
	margin: 12px 0 4px;
	text-transform: lowercase;
}

#content h3 {
	font-size: 16px;
	font-weight: normal;
	line-height: 1;
	margin: 12px 0 4px;
	font-weight: bold;
}


#content h4 {
	font-weight: bold;
	margin: 12px 0 4px;
	font-size: 14px;

}*/

#content p, #content .intro,  #content ol {
	margin-bottom: 12px;
	font-size: 14px;
	font-family: 'Arial';
	line-height: 18px;
}

#content ol {
	list-style-type: decimal;
	margin-left: 2em;
	clear: both;
}

#content .intro, #content .main-content {
	margin-bottom: 24px;
}

#content .main-content {
	float: left;
	width: 55%;
}


#content .visual-topics, #content .project-meta  {

	width: 40%;
	float: right;
	position: relative;

	
}

.visual-topics li {
	list-style-type: disc;
	margin-left: 20px;
}

.visual-topics h2 {
	position: relative;
	font-size: 40px;
	text-transform: uppercase;
	text-align: right;

}

.visual-topics ul {
	padding: 12px;
}

#content h1.visual {
	font-size: 75px;
	text-transform: none;
	line-height: 1.2em;
}

#results {
	font-size: 13px;
	line-height: 18px;
	width: 546px;
}
#results p {
	margin: 0;
}
#results li {
	margin-bottom: 16px;
}

#results h3 {
	font-weight: normal;
}

#results h3 a {
	color: #2200CC;
}

.results-link {
	color: green;
}
.results-info {
	font-size: 16px;
}


.pagination {
	text-align: right;
	font-size: 14px;
	/*border:1px solid #C4C4C4;*/
	padding: 10px 0 0 0;
	margin: 0 38px;
	margin-bottom: 40px;
	text-transform: lowercase;
	font-size: 12px;

}

.pagination span {
	margin: 0 4px;
}

.pagination span a{
	padding: 0 2px;
	
}

.pagination .inactive a {
	display: none;
}

.pagination .totals{
	text-align: right;
	font-size: 14px;
	float:right;
	padding-top: 4px;

	
}

.pagination .controls01 {
	float: right;
	width: 120px;
	text-align: left;
}

.pagination .controls02 {
	float: right;
	width: 90px
}

.top {

}

.highlight {
	font-weight: bold;
	background: yellow;
	
}

.visual-list li {
	width: 229px;
	margin-bottom: 12px;
	margin-right: 12px;
	float: left;
	position: relative;
	overflow: visible;
	-moz-box-shadow: 0 0 3px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 0 3px rgba(0,0,0,0.2);
	border: 1px solid #CCC;

}

.visual-list .last{
/*	margin-right: 0;
	width: 228px;*/
}


.visual-list a {
	font-size: 18px;
	display: block;
	text-decoration: none;
	color: #2F2F2F;	
	background-color: #EEE;
	background-repeat: no-repeat;
	zoom: 1;
	font-size: 15px;
	padding-top: 113px;
}

.visual-list a:hover {
	color: #3a55b9;
}

.visual-list h3 a span {
	
	display: block;
	padding-top: 6px;
	border-top: 2px solid #333;
	padding: 12px 12px 4px;

	
}

#content .visual-list h3 { 
	margin: 0;
	
}

#content .visual-list p {
	background: #EEE;
	height: 50px;
	font-size: 13px;
	line-height: 18px;
	padding: 0 12px;	
	margin: 0;
}

/*.visual-list .new {
	position: absolute;
	background: url(img/banner_new.png) no-repeat;
	width: 56px;
	height: 57px;
	top: -14px;
	left: -14px;
}*/

.visual-list .new {
	position: absolute;
	background: url(img/banner_new_02.png) no-repeat;
	width: 68px;
	height: 68px;
	top: -4px;
	left: -3px;
}

.news-list li {
	margin-bottom: 36px;
}

.news-list .even {
	margin-right: 0;
}

.project-gallery {
	margin-top: 12px;
}

.project-gallery li {
	width: 150px;
	margin-right: 12px;
	margin-right: 12px;
	float: left;
	margin-bottom: 12px;

}

.project-gallery li a{
	display: block;
	padding: 8px;
	border: 1px solid #CCC;
	background: #EEE;	
	-moz-box-shadow: 0 0 3px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 0 3px rgba(0,0,0,0.2);
	padding-bottom: 5px;
}

.project-gallery li a:hover{
	border-color: #BBB;
	-moz-box-shadow: 0 0 3px rgba(0,0,0,0.4);
	-webkit-box-shadow: 0 0 3px rgba(0,0,0,0.4);	

}

.project-gallery .last {
	margin-right: 0;
}

fieldset .text, fieldset .email, fieldset .checkbox, fieldset .password {
	clear: both;
	margin-bottom: 8px;
	border-bottom: 1px solid #EEE;
	zoom: 1;
	padding-bottom: 8px;
}

fieldset .text:after, fieldset .email:after, fieldset .checkbox:after, fieldset .password:after, .Actions:after, #content:after, #external_rss_wrap:after, .project-meta dl:after, .article_list:after{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
   }
   
fieldset .text, fieldset .email fieldset .checkbox, fieldset .password, .Actions:after, #content, #external_rss_wrap, .project-meta dl, .article_list{
    zoom: 1;
   }   


fieldset .text label, fieldset .email label, fieldset .password label  {
	float: left; 
	width: 100px;
	line-height: 24px;
}
fieldset .text .middleColumn, fieldset .email .middleColumn, fieldset .password .middleColumn {
	float: right; 
	width: 268px;

}

fieldset .textarea label {
	line-height: 24px;
}

fieldset .textarea .middleColumn {
	padding: 8px 0;
	border-bottom: 1px solid #EEE;

}

.Actions {
	padding-top: 8px;
	zoom: 1;
}

.Actions input {
	float: right;
}

.Actions #forgotPassword {
	float: left;
}


fieldset {
	border-top: 1px solid #EEE;
	padding-top: 8px;
	zoom: 1;
}

fieldset .middleColumn{
	position: relative;
	overflow: visible;

}


fieldset .text input, fieldset .email input, fieldset textarea, fieldset .password input {
	border: 1px solid #BBB;
	padding: 2px 4px;
	background: #EEE;
	margin: 0;
	width: 358px;
}

fieldset .text input, fieldset .email input, fieldset .password input {
	width: 258px;
	height: 18px;	
}

fieldset .required, fieldset .validation {
	position: absolute;
	left: 180px;
	background: url(img/arrow_validation.png) no-repeat 0 0;
	color: #FFF;
	font-weight: bold;
	top: 1px;
	width: 300px;
	height: 22px;
	text-indent: -9999px;
	width: 88px;

}

fieldset .textarea .required {
	top: 9px;
	left: 280px;
}

fieldset .validationError input, fieldset .validationError textarea, fieldset .validation input {
	border: 1px solid #d3100e;
	background: #fad8d8;
}

fieldset .checkbox input {
	position: relative;
	top: 2px;
}

.bad {
	color: red;
}

legend {
	display: none;
}

#footer {
	position: relative;
	clear: both;
}

#footer-content {
	padding: 0 40px;
	text-align: right;
	font-size: 12px;
}

#footer .service-menu {
	top: 5px;
}

#SilverStripeNavigator {
	z-index: 6;
}

#blue_highlights_wrap {
	
	padding: 38px 18px;	
	height: 130px;
}

.news_sep {
	background: none;
	border: none;
	border-top: 1px solid #c4c4c4;
	margin: 0 38px
}

#external_rss_wrap {
	
	padding: 30px 10px;	
	padding-top: 40px;
}

#blue_highlights {
	height: 130px;	
	overflow: hidden;
}

.article_list {
	width: 100%;
	list-style: none;

	
}

.article_list li {
	float: left;
	width: 350px; /*Set default width*/
	height: 170px;
	padding: 0;
	margin: 0;
	display: inline;
	padding-bottom: 20px;
	overflow: hidden;
}
.block {
	margin: 0 20px; /*Creates the 10px gap between each column*/
	font-size: 12px;
	line-height: 16px;
	border: 1px solid #FFF;

}

.block p{
	margin-bottom: 8px;
}
.block h2 {
	font-weight: regular;
	margin-bottom: 0px;
	font-family: Verdana;
	overflow: hidden;
	line-height: 18px;
	font-size: 14px;
}

.block h2 a {
	text-decoration: none;
	color: #777;
}

.block h3 {
	font-weight: bold;
}

.block_image{
	padding-right: 10px;
	height: 130px;
	margin-bottom: 40px;
	margin-right: 10px;
	border-right: 1px solid #eee;
	float: left;
	width: 130px;
	text-align: right;

}

.block_img img {

}

#external_rss {

}

.firstletter {
	font-size: 100px;
	float: left;
	line-height: 100px;
	margin-right: 24px;
}
.firstletter img{
	display: block;
}

.form {
	width: 360px;
}


.visual-topics img {
	bottom: -10px;
	position: relative;
}

.visual-content {

}

.visual-software {
	clear: both;
}

.visual-software h2 {
	font-size: 18px;
	font-weight: bold;
	text-transform: lowercase;
	margin-bottom: 12px;
}

.visual-software ul {

	margin-bottom: 18px;
}

.visual-software li {

	width: 200px;
	height: 80px;
	float: left;
}

.branche {
	vertical-align:top;
	margin-top:1px;
	font-size:13px;
	/*display: none;*/
}

.activity {
	vertical-align:top;
	margin-top:4px;
	font-size:13px;
}

#google {
	height: 700px;
}

.msinfotitle {
	font-size: 18px;
}

.homepage-content {
	width: 70%;

	/*background: url(img/an01.gif) no-repeat 0 0;*/
}

.homepage-content-wrap {
	padding: 0 70px 30px;
	padding-right: 50px;
	/*background: url(img/an02.gif) no-repeat bottom right;*/
}

.name {
	font-size: 12px;
	color: #888;
	text-align: right;
}

.pagination {
    height: 15px;
    position: relative;
    z-index: 9998;
}



.pages {
    
    
    height: 16px;
    

   
}

.pages-filter {
    float: left;
    width: 100px;
    
}

.newListSelected {

    float: right;
    width:150px; 

    padding: 0 16px 0; 
    background:url(../images/select-bg.png) no-repeat 2px 1px;
    height: 16px;
    cursor: pointer;
    zoom: 1;

 }
 
 * html .newListSelected, * html .pages { display: inline; } 

.stylish-select ul.newList {left:-9999px;}

.newListSelected { 
    text-align: left;
}

ul.newList * {margin:0; padding:0; text-align: left;}
ul.newList a {color: #2F2F2F; text-decoration:none; display:block; cursor: pointer;}
ul.newList {margin:0; padding:4px; list-style:none;  width:290px; background:#fff; position:absolute;  border:1px solid #ccc; top:22px; left:0; overflow:auto; z-index:9999; zoom: 1}

.newListSelected span {width:284px; display:block;}
ul.newList li a {padding:3px 8px; display: block;}
ul.newList li a:focus {-moz-outline-style: none;}
.selectedTxt {width:150px; overflow:hidden; height: 16px; cursor: pointer;}
.hiLite {font-weight: bold;}
.hiLite a {font-weight: bold;}
.newListHover {background:#EFEFEF!important;cursor:default;}
.newListSelHover, .newListSelFocus {cursor:default;}
.newListOptionTitle {font-weight:bold;}
.newListOptionTitle ul {margin:3px 0 0;}
.newListOptionTitle li {font-weight:normal; border-left:1px solid #ccc;}   

.filter {
    float: right;
    /* width: 310px; */
    margin: 0 auto;
}

.tags {
    text-align: justify;
    margin-top: 36px;
    padding: 0 40px 30px 40px;
    
}

.tags li {
    display: inline;
    line-height: 36px;
    
}

.weight-1 {
    font-size: 0.8em;
}

.weight-2 {
    font-size: 1.0em;
}

.weight-3 {
    font-size: 1.2em;
}

.weight-4 {
    font-size: 1.4em;
}
.weight-5 {
    font-size: 1.6em;
}

.tags a {
    text-decoration: none;
    color: #BBB;
    margin-right: 0.5em;
}

.tags a:hover {
    color: #2F2F2F;
}

a.references:hover {
    border: 2px solid #DDD;
}

a.references {
    position: absolute;
    left: 40px;
    top: 400px;
    padding: 10px;  
    font-size: 14px;
    text-decoration: none;
    border: 2px solid #FFF;
}

#flash_intro_container {
    width: 256px;
    height: 256px;
    position: absolute;
    padding: 20px;
    background: #FFF url(../flash/frosch_statisch.jpg) no-repeat 20px 0;
    z-index: 999;
    padding-top: 0;
}

.main-content ul {
    margin-left: 18px;
    list-style-type: disc;
    margin-bottom: 12px;
    line-height: 18px;
    
}