/* base stuff */
body  {
  background-color:#036b6c;
   background-image:url(body-bg.png);
  background-repeat:repeat-x;
}

#wrapper {
 width:1000px;
  background-image:url(wrapper-bg.png);
  background-repeat:repeat-y;
  background-position:center;
  text-align:center;
  padding:0;
}
#header {
	width:960px;
	padding:5px 20px 0 20px;
	margin:0;

}
#container {
	width:960px;
	padding:5px 0 25px 20px;
	min-height:300px

}

/************** Seitenkopf ***************/

#header a {

  text-decoration:none;

}

#header h1 {

  position:absolute;

  top:3px;
  left:10px;

  width:257px;

  height:70px;   

  margin:0;

  padding:0;

  background:url(fairnet-logo.png) no-repeat;

}

#header h1 span {

  visibility:hidden;

}
/*-- Over The Top - Sub Menu ----*/

#header .mod_customnav.top-sub-menu {
	float:right;
	color:#c8c8c8; 
	padding:0;
	margin:0 0 0 0;
	height:20px;
	
}
#header .mod_customnav.top-sub-menu ul {
	padding-right:20px;
}
#header .mod_customnav.top-sub-menu ul li {
	 background:none;
	 border-right:#c8c8c8  solid 1px;
	 color:#bbb;
	 padding:0 5px;
}
#header .mod_customnav.top-sub-menu ul li.last {
	 border:none;
}

#header .mod_customnav.top-sub-menu ul li a {
  color:#c8c8c8;  

}

#header .mod_customnav.top-sub-menu ul li a:hover ,
#header .mod_customnav.top-sub-menu ul li span,
#header .mod_customnav.top-sub-menu ul li a.trail {
  color:#c8c8c8;  

}
/***** suche ********/

#header #search-form-short {
	float:right;
	color:#c8c8c8; 
	padding:0 10px 0 0;
	margin:0;
	width:230px;
}
#header #search-form-short input.text {
	border:1px solid #81E2FF;
}

#header input.such-button {
	padding:0 0 0 3px;
	float:right;
}
.mod_search {



}
/* main navigation */


#header .mod_customnav.main-nav-indivd,
#header .mod_navigation {

  position:absolute;

  top:54px;

  width:100%; 

  font-family:"Century Gothic", Calibri, Arial, sans-serif;

  font-size:15px;

  color:#747474; 

}



#header ul {

  margin:0;

  padding:0;

  float:right;

}



#header li {

  background:url(nav-main-bullet.gif) no-repeat 0 center;

  padding:0 15px;

  margin:0;

  float:left;

}

#header li.first {

  /*background:none;*/

}



#header li a {

  color:#747474;  

}

#header li a:hover ,

#header li span,

#header li a.trail {

  color:#008F8A;  

}



#header h1 {

  margin:0;

  padding:0;

}



#header .mod_article {

  padding-top:76px;
  clear:both;

}



/********* homepage flash switcher *********/

#nav-home {

  width:256px;

  float:left;

  padding:0 0 0 10px;

  margin:0;

}

#nav-flash {

  width:694px;

  height:350px;

  float:left;

}

#nav-home ul {

  margin:0;

  padding:0;

}

#nav-home li {

  width:64px;

  height:350px;

  float:left;

  overflow:hidden;

}

#nav-home li a {

  width:64px;

  height:350px;

  display:inline-block;

  text-decoration:none;

}

#nav-home li a span {

  visibility:hidden;

}



#nav-home1 {

  background-image:url(home-1.png);

}

#nav-home1:hover {

  background-image:url(home-1-over.png);

}



#nav-home2 {

  background-image:url(home-2.png);

}

#nav-home2:hover {

  background-image:url(home-2-over.png);

}

#nav-home3 {

  background-image:url(home-3.png);

}

#nav-home3:hover {

  background-image:url(home-3-over.png);

}



#nav-home4 {

  background-image:url(home-4.png);

}

#nav-home4:hover {

  background-image:url(home-4-over.png);

}





/************** Newsliste kurz auf der Startseite  & suche ***************/
#home-news-headline h2 {
	float:left;
	padding-right:50px;
}
#home-news-headline p {
	float:right;
	margin-top:1.2em;
}
.layout_simple {

  background:url(news-list-bg.gif) no-repeat 0px 0px;

  /*border-top:1px solid #ececec;*/

  padding:16px 24px 16px 24px;

}
/*
.layout_simple:hover {

  background-color:#e7fcfb;

}
*/
.layout_simple .date,

.layout_short .info,

.layout_full .info {

  color:#b1b3b4;

  padding-bottom:2px;

}

.layout_simple a {

  text-decoration:none;

  color:#222;

}

.relevance {

  font-weight:bold;

  font-size:12px;

}

#mitte .mod_newslist .layout_simple a {
	color:#000;
}

#main #home-komp a {
	text-decoration:none;
	color:#000000;!important
}

/************** Newsliste normal und Archiv  ***************/

.layout_short {

  border-top:1px solid #ececec;

  padding:4px 2px;

}

.layout_short h3 a {

  text-decoration:none;

 color:#39a7a2;
 

}

.layout_short .info,

.layout_short h3,

.layout_short .teaser,

.layout_short p.more {

  margin:0;

  padding:0 0 4px 0;

}

.layout_short p.more {

  text-align:right;

  padding-right:10px;

}

.layout_short .url {

  display:none;

}



.context {

  font-style:italic;

}



/****** blätterkrempel *********/

.pagination {

  border-top:1px solid #ececec;

  margin-top:5px;

  padding:5px 0;

}

.pagination p {

  font-weight:bold;

  

}

.pagination ul {



}

.pagination li {

  float:left;

  border-left:1px solid #ececec;  

}

.pagination li a,

.pagination li .current {

  display:inline-block;

  height:1%;

  padding:0 8px;

}

.pagination .current {

  font-weight:bold;

}





/************** allgemeiner Inhalt  ***************/



#main .ce_text ul,

.mod_sitemap ul {

  margin-left:10px;

}



#main .ce_text li,

#main .ce_accordion li,

.mod_sitemap li {

 background:url(nav-main-bullet.gif) no-repeat 0px 9px;

 padding:3px 0 3px 15px;

} 

/** Sitemap **/
.mod_sitemap {
	padding-left:100px;
}
.mod_sitemap ul {

  margin:0;

  padding:0;

}



#main a {

  color:#39a7a2;

}





.ce_image .image_container { 

  text-align:center;

}

.ce_image .image_container img {

  border:1px solid #ccc;

}

#header .ce_image .image_container img {

  border:0;

}

.ce_image .caption {

  text-align:center;

  font-size:11px;

}

/************** Akkordion  ***************/

.ce_accordion 

{



}

.toggler 

{

	cursor:pointer;

	

	border-bottom:1px solid #39a7a2;

  font-size:18px;

  font-family:Calibri, Arial, sans-serif;

  color:#39a7a2;	

  padding:5px;

  margin-right:30px;



}



.toggler:hover 

{

	color:#396A69;

	border-bottom:1px solid #396A69;

}



.accordion 

{

	padding:5px;	

	margin-bottom:5px;	

}

.accordion p, 

.accordion ul {

	margin-top:5px;

}



/******** Standardgalerie *****/

.ce_gallery table {

  width:99%;

}

.ce_gallery td {

  text-align:center;

  vertical-align:middle;

}





/************** Überschriften  ***************/

h2 {

  font-size:16px;

  color:#39a7a2;

}



h3 {

  font-size:18px;

  font-family:Calibri, Arial, sans-serif;

  color:#39a7a2;

}

h3 a {

  text-decoration:none;

}

h4 {

  font-size:13px;

  font-family:Calibri, Arial, sans-serif;

}







/********************   special homepage ***************/

.homepage .ce_text {

 text-align: justify; 

 margin-right:10px;

}

#homelogoleiste {
	width:135px;
	padding: 0 10px;
	overflow:hidden;
	float:left;
}
.ce_image.homelogos .image_container  {
	width:135px;
	float:left;
	overflow:hidden;
	border:0px;
	border:none;
}

.ce_image.homelogos {
	width:135px;
	float:left;
	clear:left;
	border:0px;
	border:none;
}

.ce_image.homelogos img {
	border:0px;
	border:none;
	background:none;
}
.ce_image.homelogos a  {
	border:0px;
	border:none;
	background:none;
}
/* homepage nav bottom */

#footer {

  margin-top:0px;

  min-height:195px;

  background:#353535 url(bg-footer.gif) repeat-x;

  font-size:12px;

}

#footer .inside {

  width:940px;

  margin:0 auto;

}





#footer a, 

#footer span {

  display:block; 

  height:1%;       

 color:#6b7675;
  font-size:13px;

  text-decoration:none;

  font-family:"Century Gothic";

  /*text-transform:uppercase;*/

  padding:2px 10px;  

}

#footer span {
	color:#CCC; 
}

#footer a:hover {

  color:#fff;

}



#footer li li a {

  border:0;     

  font-family:Calibri, Arial, sans-serif;

  text-transform:none;



}

#footer ul {

  padding:10px 0;

}

#footer ul li {



  float:left;

  width:155px;  

  border-right:1px solid #6b7675; 

  min-height:230px;

}

#footer li.submenu.first {

  border-left:1px solid #6b7675; 

} 

#footer .submenu.last {

  border:0;

}





#footer ul li ul {

  padding:0;

}

#footer ul li li {

  float:none;

  width:auto;

  min-height:0;

  border:0;



}

#socialmedia {

  margin:0 auto;

  text-align:center;

  padding-top:10px;

}





#main .ce_text p {

  line-height:1.4em;

}



/******* backlinks footer *******/

#footer .ce_text {

  padding-top:15px;

}

#footer .ce_text, 

#footer .ce_text a {

  font-size:10px;

  color:#000;

  font-family:Calibri, Arial, sans-serif;

}

#footer .ce_text a {

  display:inline-block;

  height:1%;

  padding:0;

  margin:0;

  text-transform:none;

}

/* kompetenzen startseite */

#main .ce_text li.i-consulting a,
#main .ce_text li.i-webdesign a,
#main .ce_text li.i-print a,
#main .ce_text li.i-cms a,
#main .ce_text li.i-shop a,
#main .ce_text li.i-animation a,
#main .ce_text li.i-datenbank a,
#main .ce_text li.i-seo a { 
  text-decoration:none;
  color:#000;
}

#main .ce_text li.i-consulting,
#main .ce_text li.i-webdesign,
#main .ce_text li.i-print,
#main .ce_text li.i-cms,
#main .ce_text li.i-shop,
#main .ce_text li.i-animation,
#main .ce_text li.i-datenbank,
#main .ce_text li.i-seo {
  padding:5px 0 17px 35px ;
  background-position: 0 5px;
  text-align:left;
}


#main .ce_text li.i-consulting {
  background-image:url(/tl_files/bilder/Portfolio/icon-small/icon_consulting.png);
}

#main .ce_text li.i-webdesign {
  background-image:url(/tl_files/bilder/Portfolio/icon-small/icon_webdesign.png);
}

#main .ce_text li.i-print {
  background-image:url(/tl_files/bilder/Portfolio/icon-small/icon_print.png);
}

#main .ce_text li.i-cms {
  background-image:url(/tl_files/bilder/Portfolio/icon-small/icon_cms.png);
}

#main .ce_text li.i-shop {
  background-image:url(/tl_files/bilder/Portfolio/icon-small/icon_shop.png);
}

#main .ce_text li.i-animation {
  background-image:url(/tl_files/bilder/Portfolio/icon-small/icon_animation.png);
}
#main .ce_text li.i-datenbank {
  background-image:url(/tl_files/bilder/Portfolio/icon-small/icon_datenbank.png);
}
#main .ce_text li.i-seo {
  background-image:url(/tl_files/bilder/Portfolio/icon-small/icon_seo.png);
}

#main .ce_text li.i-consulting,
#main .ce_text li.i-print,
#main .ce_text li.i-shop,
#main .ce_text li.i-datenbank {
  background-position: 0 10px;
}