/* Stylesheet für ideas2mobile */

/* {padding: 0; margin: 0;}*/
body {
  background-color: white;
  font-family: Tahoma, Arial, Helvetica, sans-serif;
  font-size: small;
  display: inline;
  list-style-type: none;
  margin: 0 50px 0 50px 
  }
  
  ul li {

  list-style-type: none;
  border-left:solid 1px;
  padding: 0px 10px 0px 10px;
  font-family: Tahoma;
  
  }


  #contentbox{
    color: black; /*Schriftfarbe*/
    background-color: white;
    width: 1015px;
    /*width: 680px;*//* Breite des Inhaltsbereichs */
    /*height: 500px;*/
    margin-top: 0px;
    margin-right: auto;
    margin-bottom: 0px;
    margin-left: auto;

  }
  * html #contentbox {  /* nur fuer Internet Explorer */
  width:1015px;
  /*width:680px;*/     /* Version 5.x */
  w\idth:1015px;
  /*w\idth:680px;*/    /* Version 6 */
  }

  
  #kopfbereich {
    position: relative;
    color: #333333;  /*Schriftfarbe*/
    background-color: white;
    padding-top: 0px;
    padding-right:20px;
    padding-bottom:15px;
    padding-left: 20px; 
    border-bottom: 1px solid orange;
    }
    
    #kopfbereich ul {
     position: absolute;
     top: 27px;
     right: 3px;
     margin:0px;
     padding: 0px;
     }
 
   #kopfbereich ul li{
     display: inline;
   }
      
    #navibereich {
    color: #333333;  /*Schriftfarbe*/
    padding-top: 10px;
    padding-right:10px;
    padding-bottom:0px;
    padding-left:05px;
  /*  border: 1px solid grey;*/
    height: 35px;
  }
  #navibereich ul {
  padding:0px;
  margin: 0px;
    
  }
  #navibereich li {
    display: inline;
    list-style-type: none;
    margin: 0px 10px 0px 0 ;
  }
  
  #navibereich img{
  border:0px;
  vertical-align:middle;
  
  }
  
  #subnavigation{
      margin-top: 5px;
    float:left;
  }
  

  #findus{
   float:right;
   margin:0px;
  }
  
    #breadcrumb{
    margin-top: 5px;
     float:right;
  }
    
  #textbereich {
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom:0px;
    padding-left: 0px;
    margin-bottom:10px;
    font-family: Arial;
  /*  border: 1px solid blue;*/
  min-height:650px;
  
  }
  
  * html #textbereich {  /* nur fuer Internet Explorer */
  height:500px;
     /* Version 5.x */
  h\eight:500px;    /* Version 6 */
  }
  
  #top{
float:left;
margin:5px 16px 15px 0;
width:1015px;
  }
 * html #topleft {  /* nur fuer Internet Explorer */
  width:492px;     /* Version 5.x */
  w\idth:492px;    /* Version 6 */
  }
  #topright{
float:left;
margin:5px 0 15px 15px;
width:492px;
  }
   * html #topright {  /* nur fuer Internet Explorer */
  width:492px;     /* Version 5.x */
  w\idth:492px;    /* Version 6 */
  }
  
  #topright .bodytext{
  margin:0px;
  bottom: 5px;
  float:right;
  font-size:9px;
  }
  
  
  /*ContentDIV im News (2 Spaltiges - Template) */
    #leftcontent{
    float:left;
    width:630px;
   /* height:250px;*/
    padding-top: 0px;
    padding-right: 30px;
    padding-bottom:0px;
    padding-left: 15px;
     margin-bottom:10px;
  }
 * html #leftcontent{  /* nur fuer Internet Explorer */
  width:630px;     /* Version 5.x */
  w\idth:630px;    /* Version 6 */
  }
  #rightcontent{
    float:left;
    width:310px;
  /*  height:250px;*/
    padding-top: 30px;
    padding-right: 0px;
    padding-bottom:0px;
    padding-left: 20px;
    margin-bottom:10px;
    background-color:#D5F4FF;
    background-image: url(http://www.ideas2mobile.com/fileadmin/templates/ideas/images/twitter.png);
    background-position: 15px 10px;    
    background-repeat:no-repeat;

   /* border: 1px solid red;*/
  }
   * html #rightcontent{  /* nur fuer Internet Explorer */
  width:310px;     /* Version 5.x */
  w\idth:310px;    /* Version 6 */
  }
  #rightcontent img{
  width:0px;
  height:0px;
  }
  
  #rightcontent .entry{
  margin-top:5px;
  margin-bottom:10px;
  font-size:12px;
  }
  #rightcontent .entry .date{
  font-size:11px;
  font-weight:bold;
  }
  
  #buttom{
  clear:both;
/*  border: 1px solid yellow;*/
   width:1015px;
  }

 #buttom h4{
 margin-top:5px;
 margin-bottom:5px;
 }
     
  #fussbereich {
    position: relative;
    color: #333333;  /*Schriftfarbe*/
    background-color: white;
   padding-top: 15px;
    padding-right:20px;
    padding-bottom:20px;
    padding-left: 20px; 
    border-top: 1px solid orange;
     clear:both;
  /*   border: 1px solid green;*/
    }
    
    #fussbereich ul {
     position: absolute;
     top: 10px;
     left: 5px;
     padding:0px;
     margin:0px;
     }
     
     #fussbereich ul li{
     display: inline;
   }
     #quicklinks {
     float:left;
      }
     
     #addthis  {
     top: 3px;
     right: 3px;
     float:right;
     margin: 0 0 0 0;
     padding: 0 0 0 0;
     }
     
  a { text-decoration: none; outline: none }
  a:link { color: #333333; }
  a:visited { color: #555555; }
  a:hover { color: #660000; }

  #rightcontent .entry a{
  text-decoration: underline;
  }
  
  #textbereich a { text-decoration: none;  }

   #textbereich a:link { color: #660000; }
   #textbereich a:visited { color: #660000; }
   #textbereich a:hover { color: #555555; }
     #textbereich .news-latest-item-rev a  { color: #555555; }
    #textbereich .news-latest-item-rev a:link  { color: #555555; }
        #textbereich .news-latest-item-rev a:visited  { color: #555555; }
            #textbereich .news-latest-item-rev a:hover { color: #555555; }

 h2  { font-size: 120%;
       color:  #660000;
        font-family: Tahoma;
       margin-bottom: 1em;
       margin-left: 0;
       }

 h3  { font-size: 120%;
       color:  #660000;
        font-family: Tahoma;
       margin-bottom: 1em;
       margin-left: 0;
       }
 h4  {font-size: 110%;
       color:  #660000;
       margin-bottom: 1em;
       margin-left: 0;
        font-family: Tahoma;
       }
 h5  {font-size: 100%;
       color:  #660000;
       margin-bottom: 1em;
       margin-left: 0;
        font-family: Tahoma;
        height:2em;
       }
       
       




  /*============== Kontaktformular =======*/
  /*form {
    background-color: #eee;
    width: 400px;
    padding: 20px;
    margin-bottom: 2em;
  }*/
  label {display: block;}
  #firstname, #lastname, #email {
    width: 200px;
    border: 1px solid #8c8c8c;
    margin-bottom: 1em;
  }
  textarea {
    border: 1px solid #8c8c8c;
    width: 350px;
    height: 7em;
    margin-bottom: 1em
    }
    input: focus, textarea: focus
    {
      background-color: #d9d9d9;
    }

/* TT NEWS überschreibungen */

dd img{
border:0px;
visible:1;
}

img {
border:0px;
}

.news-latest-item-uebersicht {
float:left;
height:150px;
margin-left:0;
width:323px;
}

.news-latest-item-uebersicht hr {

}

#newsspacer{
width:22px;
float:left;
}

.news-latest-item-uebersicht img {
float:left;
padding-right: 20px;
padding-bottom: 10px;
}

#topproduct .news-list-morelink{
margin-top: 20px;
margin-bottom: 10px;
}

#topproduct .news-list-item{
float:left;
height:500px !important;
margin-left:4px;
margin-right:4px;
margin-top:0;
width:492px;
}


#üebersicht .news-list-morelink{
margin-top: 20px;
margin-bottom: 10px;
}

.news-list-container img {
margin-left:0px;
}

.news-list-container h3 {
margin-bottom:3px;
padding:0px;
margin-top:2px;
}



#storeimg {
float:left;
/*height:40px;*/
/*margin-top:10px;*/
padding:0;
/*width:122px;*/
/*background-image: url(http://www.ideas2mobile.com/fileadmin/_temp_/appstorebadge-40pxheight.png);*/
}

dd #storeimg{
position:absolute;
top:80px;
}

#topproduct #storeimg{
margin-left:70px;
}
.news-list-item-news{

}

#newsclearer {
clear:both;
border-bottom: 1px solid #BFBFBF;
margin-bottom: 20px;
}

.news-list-item-news h3 {
font-size: 13px;
}

#news-news-list-img {
width:150px;
float:left;
}

#news-news-list-content{
float:left;
width:430px;
margin-bottom: 10px;
}

#news-news-list-content h3 {
padding:0px;
}

#news-news-list-content .news-list-category{
margin-top: 20px;
}

.news-list-item-news .news-list-date {
float: left;
color:#333333;
font-size:9px;
font-weight:normal;
height:10px;
margin-right:0px;
margin-top:0px;
margin-bottom:5px;
text-align:left;
width:180px;
}

.news-latest-item-rev .news-list-date{
float:right;
margin-right:5px;
margin-top:3px;
width:40px;
}

.news-latest-item-rev {
background-color:#D9D9D9;
float:left;
height:90px;
margin-left:6px;
margin-right:6px;
margin-top:15px;
padding-left:5px;
width:480px;
}
.news-latest-item-rev hr{
display:none;
}

.news-latest-item-rev h5 {
margin-top:3px;
margin-bottom:10px;
padding:0px;

color:#555555;
}

news-latest-item-uebersicht h5 {
margin-top:3px
margin-bottom:0px;
padding:0px;
}

.news-single-additional-info {
border:0px;
margin-top:0px;
}

.csc-sitemap a{
outline-color:-moz-use-text-color;
outline-width:medium;

}

.csc-sitemap ul{
list-style-image:url(http://www.ideas2mobile.com/fileadmin/templates/ideas/images/list_style_image.gif);

}
.csc-sitemap ul li{
list-style-image:url(http://www.ideas2mobile.com/fileadmin/templates/ideas/images/list_style_image.gif);
border:none;
list-style-position:outside;
}

.news-single-item h3{
color:#333333;
}

.news-single-item dd{
position:absolute;
margin:0px;

}
.csc-sitemap {

}

#news_img {
float: right;
margin-right:100px;
}

#news_news_details h2{

}

#uebersicht {
width:1050px;
}


.csc-mailform{
border:0px;
margin:0px;
padding:0px;
}

.news-single-item {
margin-bottom:5px;
padding:5px;
width:650px;
}

#iconstore{
width:122px;
position:absolute;
}

#video{
float:right;
margin-top:30px;
}
* html #foto{
margin-bottom: 30px;
}
*+html #foto{
margin-botoom: 30px;
}

#foto{
//float:right;
margin-top:0px;
}

#adds {
float:right;
left:680px;
position:absolute;
width:320px;

}

#topproduct #adds{
display:none;
}
#iconimg{
float:left;
margin-bottom:80px;
}

.news-single-item #iconimg{
margin-bottom:30px;
}
#topproduct #iconstore{
float:left;
width:70px;
position:relative;
}

#singlecontent{
margin-left:150px;
float:left;
}

* html #singlecontent{
width:530px;}
*+html #singlecontent{
width:530px;}

.news-list-morelink {
float:right;
margin-right: 5px;
}

#related{
background-color:#D9D9D9;
position:absolute;
top:280px;
width:120px;
}
* html #related{top:150px; left:0px;}
*+html #related{top:150px;  left:0px;}

#related dd{
border-bottom:1px solid;
font-size:11px;
position:relative;
width:110px;
float:left;
margin-top:10px;
/*min-height:50px;*/
}


#related dd img{
float:left;
}
#related dd a{
float:left;
}