/* net.any.css */

html{ height:100%; margin:0; padding:0; }
body {
    font-family: verdana,"Lucida Grande", arial, sans-serif;
    font-size: 12px;
    color: #000000;
    margin: 0;
    padding: 0;
    background-image: url(../gfx/body/net.any.jpg);
    width: 1680px; height: 907px;
    background-position:top;
    background-repeat: no-repeat;
    overflow-x: hidden;
}

/*******************************/
/* Position von EMail-Button */
/*******************************/
div.contact{
   position:absolute;
   left: 50%;
   top: 0;
   width: 1680px;
   height: 42px;
   margin-left: -840px; /* half of width */
   font-size:1.1em;
   color:#fff;
   text-align: center;
   line-height: 42px;
}
div.mailbutton{
   position:absolute;
   left: 1089px;
   top : 0px;
   width: 117px;
   height: 42px;
}
a.tomail { color:#fff; text-decoration:none; }
a.tomail:visited { color:#fff; }
a.tomail:active { color:#fff; }
a.tomail:hover { color:#fff; }

div.phone{
   position:absolute;
   left: 1214px;
   top : 0px;
   width: 147px;
   height: 42px;
}

/***************************/
/* Position von Main-Links */
/***************************/
div.mainLinks{
        position:absolute;
        left: 50%;
        top: 231px;
        width: 1680px;
        height: 29px;
        margin-left: -840px; /* half of width */
        font: 1.1em arial;
        color:#fff;
        text-align: center;
        line-height: 29px;
}
div.mainButtons{
    position:absolute;
    left: 662px;
    top : 0px;
    background-image: url(../gfx/menu/navigation.gif);
    width: 405px; height: 28px;
    background-position:top;
    background-repeat: no-repeat;
}

/************************/
/*     MAIN - MENU      */
/************************/
ul#nav1 {
  margin:0; padding:0;
  font-size: 1em;
  font-weight: bold;
  text-transform:uppercase;
}
ul#nav1 li {
  list-style: none;
}
ul#nav1 li#nav1act a{
  border-bottom:2px solid #D51735; /* unterer Strich fuer aktives menu */
}
ul#nav1 a, ul#nav1 span {
  text-decoration: none;
  color:#70B8E3;
}
ul#nav1 a:hover, ul#nav1 span {
  color:#70B8E3;
  border-bottom:2px solid #D51735; /* unterer Strich fuer hover effekt */
}
* html ul#nav1 a, * html ul#nav1 span {
   width: 1em;    /* nur fuer IE 5.0x erforderlich */
   w/idth: auto;  /* sicherheitshalber fuer IE 6 zurueckgesetzt */
}
#nav1 li a.news{
  /* border:1px solid #D51735; */
  position:absolute;
  left: 30px;
  top : 0px;
  width: 72px;
  padding-left: 17px;
  height: 26px;
  line-height: 26px;
}
#nav1 li a.knowhow{
  position:absolute;
  left: 116px;
  top : 0px;
  width: 115px;
  padding-left: 17px;
  height: 26px;
  line-height: 26px;
}
#nav1 li a.referenzen{
  position:absolute;
  left: 245px;
  top : 0px;
  width: 120px;
  padding-left: 19px;
  height: 26px;
  line-height: 26px;
}
/****************************/
/*    REFERENZEN - MENU     */
/****************************/
div.menu_referenzen{
   padding-top: 7px;
}
ul#naviref1 {
  margin:0; padding:0;
  font-size: 1em;
  font-weight: bold;
}
ul#naviref1 li {
  list-style: none;
  padding-bottom: 4px;
}
ul#naviref1 li#naviref1act a{
  text-decoration: underline;
}
ul#naviref1 a, ul#naviref1 span {
  text-decoration: none;
  color:#5A5A5A;
}
ul#naviref1 a:hover, ul#naviref1 span {
  color:#5A5A5A;
  text-decoration: underline;
}
* html ul#naviref1 a, * html ul#naviref1 span {
   width: 1em;    /* nur fuer IE 5.0x erforderlich */
   w/idth: auto;  /* sicherheitshalber fuer IE 6 zurueckgesetzt */
}

/******************************/
/* Position von Outer-Element */
/******************************/
div.outer{
   position:absolute;
   left: 50%;
   top: 273;
   width: 1680px;
   height: 634px;
   margin-left: -840px; /* half of width */
}

/*********************************************/
/* Positionen von Inner (Content) -Elementen */
/*********************************************/
div.ballon{
  position:absolute;
  left: 130px;
  top : 20px;
  width: 170px;
  /*border:1px solid #000;*/
}

/* fuer news, knowhow,kontakt,impressum,sitemap */
div.content{
   position:absolute;
   left: 340px;
   top : 20px;
   width: 709px;
}
/* fuer referenzen */
div.contentReferenzen{
   position:absolute;
   left: 340px;
   top : 0;
   width: 709px;
}

/* Headline, Text usw. */
.innerText { }
.innerheadline { font-size:23px; padding-bottom: 10px; clear:left; }
.innerPicture { float:left; padding-bottom: 20px; width: 145px; }
.innerPictureText { font-size:13px; padding-bottom: 20px; }
.contentText { }

#c1 p { margin-top:0; padding-top:0; }

/* news */
div.news-list-my p{ margin:0; padding:0; }
div.news-list-my .head { font-size: 23px; color:#000; font-weight: normal; padding-bottom: 10px; margin:0;  clear:left;}
div.dateAuth { font-size: 10px; color:#000; font-weight: normal; padding-bottom: 3px; margin:0; }
div.news-list-my .news { font-size: 13px; color:#000; font-weight: normal; padding-bottom: 20px; margin:0; }
div.news-list-my a { font-size: 10px;  color:#70B8E3; font-style: normal; font-weight: bold; text-decoration: none; padding:0; margin:0; }
div.news-list-my a:visited { color:#70B8E3; }
div.news-list-my a:active { color:#70B8E3; }
div.news-list-my a:hover { color:#70B8E3; text-decoration: underline; }

div.news-single-my p{ margin:0; padding:0; }
div.news-single-my .head { font-size: 23px; color:#000; font-weight: normal; padding-bottom: 10px; margin:0;  clear:left;}
div.news-single-my .news { font-size: 13px; color:#000; font-weight: normal; padding-bottom: 20px; margin:0; }

/* knowhow */
h1.csc-firstHeader { font-size: 23px; color:#000; font-weight: normal; padding-bottom: 10px; margin:0; }
td.inhalte{ font-size:13px; padding-bottom: 20px; }

/* fuer Listen knowhow */
ul.netany_liste{
   list-style-type: disc;
   vertical-align: middle;
}
ul.netany_liste li{
   color: #000;
}

/****************/
/*   Gallerie   */
/****************/
#c24.csc-default{
  background-color: White;
}
div.tx-wtgallery-pi1{
  background-image: url(../gfx/gallerie/gallerie_hintergrund.jpg);
  width: 709px; height: 372px;
  background-position:top;
  background-repeat: no-repeat;
}
div.wtgallery{
  width: auto;
}
div.wtgallery_single_browser_previous{
  float:left;
  width: 105px;
  /*border:1px solid #000;*/
}
div.wtgallery_single_browser_previous img{
  margin-top: 234px;
  margin-left: 11px;
}
div.my_wtimage{
  width: 496px;
  float:left;
}
div.my_wtimage img{
  margin-top: 22px;
}
div.wtgallery_single_browser_next{
  float:left;
  width: 105px;
}
div.wtgallery_single_browser_next img{
  margin-top: 234px;
  margin-right: 11px;
}
div.wt_gallery_single_inner_text{
  clear:both;
}
div.wt_gallery_single_inner_title{
  font-family: arial,"Lucida Grande", verdana, sans-serif;
  font-size: 23px;
  color:#000; font-weight: normal;
  padding-top: 36px;
}
div.wt_gallery_single_inner_comments{
  font-family: arial,"Lucida Grande", verdana, sans-serif;
  font-size: 14px;
  color:#000; font-weight: normal;
  padding-top: 11px;
}

/**************************/
/* Tweets und Tweets-Link */
/**************************/
div.tweets{
   position:relative;
   left: 1068px;
   top : -21px;
   width: 295px; height: 443px;
   /*border: 1px solid #000;*/
}
div.tweetContent{
   background-image: url(../gfx/twitter/twitterbox.gif);
   width: 295px; height: 443px;
   background-position:left;
   background-repeat: no-repeat;
   overflow-x: hidden;
   overflow-y: hidden;
   /*float:left; fuer spaeter, wenn mal was neben der twitterbox erscheinen soll*/
}
div.memberpic{
    float:left;
    width: 30px;
    padding-top:90px;
    padding-left:40px;
}
div.member{
    font-size:11px; width: 190px;
    padding-top:90px; padding-left:75px;
}
div.twitterlinks{
    position:absolute;
    top : 402px;
    width: 275px; height: 23px;
    /*float:left;*/
}
div.totwitter{
    float:left;
    margin-left: 40px;
    width: 70px; height: 20px;
    /*border:1px solid #000;*/
}
div.totconversation{
    margin-left: 166px;
    width: 109px; height: 20px;
}

/****************************/
/* extension incore_twitter */
/****************************/
.tweet .avatar{ display:none; }
.tweet .user{ display:none; }
div.time { display:none; }

#scroll{  }

.tx-incoretwitter-pi1{
  position: relative;
  width: 257px;
  height: 263px;
  top: 6px;
}
/* loading anzeige */
#loading{
  height: 263px;
  width: 255px;
}
#tweet-container, div.tweet-container {
  height: 263px;
  width: 257px;
  padding: 0 0 0 35px; /* oben rechts unten links */
  /*border: 1px solid #000;*/
}
.tweet{
  border:none;
  width: 224px;
  margin: 0;
}
/* innere Textbox fuer Twitter */
div.txt{
  font-family: arial,verdana,"Lucida Grande", sans-serif;
  font-size: 1em;
  width: 224px;
}
.myttime{
  font-family: arial,verdana,"Lucida Grande", sans-serif;
  font-size: 0.8em;
}

/********************/
/* Partner und div. */
/********************/
div.partner{
  position:absolute;
  left: 1092px;
  top : 443px;
  background-image: url(../gfx/body/zwei_partner.jpg);
  width: 268px;  height: 94px;
  background-position:top;
  background-repeat: no-repeat;
}
div.partnerOne{
    float:left;
    width: 117px;
    padding-top:29px;
    padding-left:12px;
}
div.partnerTwo{
    width: 117px;
    padding-top:29px;
    padding-left:137px;
}
/************************************************/
/* Hier noch die anderen 2, falls 4 auftauchen */
/************************************************/





/*********************************************/
/*   Google Plus und andere Social-Buttons   */
/*********************************************/
div.googleProfile{
  position:relative;
  left: 278px;
  top : 0;
  float:left;
  width: 142px;
  /*border: 1px solid #000;*/
}

/************************************************/
/* Footer - Blaetter-Funktion u. Condition-Menu */
/************************************************/
ul#nav2 {
  margin:0; padding:0;
  font-size: 0.8em;
  font-weight: bold;
  text-transform:uppercase;
}
ul#nav2 li {
  list-style: none;
}
ul#nav2 li#nav1act a{
  border-bottom:1px solid #D51735; /* unterer Strich fuer aktives menu */
}
ul#nav2 a, ul#nav2 span {
  text-decoration: none;
  color:#70B8E3;
}
ul#nav2 a:hover, ul#nav2 span {
  color:#70B8E3;
  border-bottom:1px solid #D51735; /* unterer Strich fuer hover effekt */
}
* html ul#nav2 a, * html ul#nav2 span {
   width: 1em;    /* nur fuer IE 5.0x erforderlich */
   w/idth: auto;  /* sicherheitshalber fuer IE 6 zurueckgesetzt */
}

div.menfooter{ /*border: 1px solid #000;*/ height: 31px; width: 275px; right: 0px; }
div.begrenzer_s{ float:left; padding-right:1px; height: 31px; }
div.begrenzer{ float:left; padding-right:11px; height: 31px; }

div.conlink{ float:left; padding-right:11px; }

a.kontakt, a.impressum, a.sitemap {
    color:#70B8E3;
    font: 1em arial,"Lucida Grande", verdana, sans-serif;
    font-weight: bold;
    text-decoration:none;
    height: 31px;
    line-height: 25px;
    /*border: 1px solid #BDDCF1;*/
}

/*********************/
/* Blaetter-Funktion */
/*********************/
/* margin - aussen, padding - innen */
div.browseLinksWrap{
  position:absolute;
  z-index: 900;
  left: 0;
  top : 484px;
  background-image: url(../gfx/menu/weiter2.jpg);
  width: 200px; height: 32px;
  background-position:top;
  background-repeat: no-repeat;
  float:left;
}
div.browseLinksWrap a{
  position:relative;
  top : 5px;
  left: 7px;
  color: #357AA4;
  text-decoration: none;
  background: url(../gfx/menu/weiter_back_kl.gif);
  width: 22px;
  height: 14px;
  margin-left: 4px; margin-right: 4px;
  padding-left:5px; padding-right:5px;
  line-height: 14px;
  border: 1px solid #BDDCF1;
  text-align: center;
  font: 0.9em arial,"Lucida Grande", verdana, sans-serif;
  border: 1px solid #BDDCF1;
}

div.browseLinksWrap .activeLinkWrap {
  position:relative;
  top: 6px;
  /*left: 3px;*/
  background: url(../gfx/menu/weiter_back_gr.gif);
  width: 22px;
  height: 21px;
  margin-left: 7px; margin-right: -3px;
  padding-left:5px; padding-right:5px;
  line-height: 22px;
  border: 1px solid #BDDCF1;
  color: #357AA4;
  text-decoration: none;
  font: 1.2em arial,"Lucida Grande", verdana, sans-serif;
  font-weight: bold;
  text-align: center;
}
div.browseLinksWrap a:hover {
  position:relative;
  top: 5px;
  background: url(../gfx/menu/weiter_back_gr.gif);
  width: 22px;
  height: 21px;
  margin-left: 4px; margin-right: 3px;
  padding-left:5px; padding-right:5px;
  line-height: 22px;
  color: #357AA4;
  text-decoration: none;
  font: 1.1em arial,"Lucida Grande", verdana, sans-serif;
  font-weight: bold;
}

div.browseLinksWrap .disabledLinkWrap{
  position:relative;
  top : 5px;
  margin-left: 9px;
  color: #357AA4;
  text-decoration: none;
  background: url(../gfx/menu/weiter_back_kl.gif);
  width: 22px;
  height: 14px;
  padding-left:6px; padding-right:6px;
  line-height: 14px;
  border: 1px solid #BDDCF1;
  text-align: center;
  font: 0.9em arial,"Lucida Grande", verdana, sans-serif;
}