html {
      height: 100%;
      overflow: hidden;
    }
body {
      height: 100%;
      font: 70% Verdana, Arial, Helvetica, sans-serif;
      background-color: #e1e1e1;
      margin: 0;
      padding: 0;
      text-align: center; /* Hierdurch wird der Container in IE 5*-Browsern zentriert. Dem Text wird dann im #container-Selektor die Standardausrichtung left (links) zugewiesen. */
      color: #666;
    }

p {
  font-size: 90%;
  line-height: 140%;
  padding-bottom: 0px;
  padding-top: 0px;
  margin-top: 0px;
  margin-bottom: 10px;
}

h1 {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 2em;
  color: #ff8b2d;
  font-weight: normal;
  margin-top: 0;
  margin-bottom: 0.85em;
  padding-bottom: 0;
}

h1 a:link{
  color: #ff8b2d;
  text-decoration: none;
}

h1 a:visited {
  color: #ff8b2d;
  text-decoration: none;
}

h1 a:hover{
  color: #ff8b2d;
  text-decoration: none;
}

h1 a:active {
  color: #ff8b2d;
  text-decoration: none;
}

h2 {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 1.1em;
  color: #666666;
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: 10px;
}
h2.HeadlineLang a:link {
  font-size: 0.95em;
}
  
a {
  font-size: 1.1em;
  color: #666666;
}
a:link {
  font-size: 1.1em;
  color: #000;
  text-decoration: none;
}
a:visited {
  text-decoration: none;
  color: #000;
}
a:hover {
  text-decoration: underline;
  color: #000;
}
a:active {
  color: #000;
  text-decoration: underline;
}

#container {
      width: 903px; 
      background-color: transparent;
      margin: 0 auto;
      text-align: left;
    }
    
#header { 
    background: url(../images/layout/header.jpg) no-repeat;
  width: 100%;
  height: 49px; 
} 
 
#header h1 {
      margin: 0;
      padding: 10px 0;
}
#header h1 span {
      display: none;
}
 /*     
#main-menu {
  position: relative;
  display: block;
  margin-top: 10px;
  margin-left: 55px;
  height:20px;
  width:480px;
}
*/
/*********************** main-menu ***********************/
ul#main-menu {
  position: relative;
  display: block;
  margin-top: 10px;
  margin-left: 55px;
  margin-bottom: 0;
  height:20px;
  width:770px;
  padding-left: 0px;
}  

ul#main-menu li {
  display: inline;
  list-style: none;
}

ul#main-menu li.first a {
  border-left: 1px solid #666;
  padding: 0 8px 0 8px;
}

ul#main-menu li.last {
  border-right: 1px solid #666;
  padding: 0;
}

ul#main-menu li.padding a {
  padding-left: 5px;
}

ul#main-menu li a:visited,
ul#main-menu li a:link {
  color: #666;
  text-decoration: none;
}

ul#main-menu li a:hover,
ul#main-menu li a:active {
  color: #000;
  text-decoration: none;
}
ul#main-menu li#currentFolder,
ul#main-menu li#currentFolder a {
  color: #000;
  text-decoration: none;
}


/*********************** sub-menu ***********************/

/*
  Following part deals with the navigation in div with id "navContainer"
*/

.navigationBorder{  /* Start and End of Navigation with gradient */
  width: 600px;
  text-align: center;
}

#navContainer{  /* contains the menu */
    position: absolute;
  top: 20px;
  width:800px;
  height:20px;
  z-index: 30;
  margin: 0;
  margin-left: 2px;
  padding: 0;

}

/*
  navigation level 1
*/
#navContainer ul{
  margin: 0;
  padding: 0;
  list-style: none;
  cursor: pointer;
}

#navContainer ul li{
  list-style: none;
  margin: 0; /* pepe */
  cursor: pointer;
  display: inline;
}

#navContainer ul li.first a {
  border-left: 1px solid #666;
  padding: 0 4px 0 8px;
}

#navContainer ul li.last {
  border-right: 1px solid #666;
  padding: 0;
}

#navContainer ul li#li_nav1_open {  /* special layout for open links */
  padding-bottom: 0;
  cursor: pointer;
}

#navContainer ul li a{
  display: inline;
  padding-left: 5px;
  padding-top: 0;
  color: #666;
  text-decoration: none;
  cursor: pointer;
}

#navContainer ul li a:hover, #navContainer ul li a:focus, #navContainer ul li a:active{
  cursor: pointer;
  color: #000;
  text-decoration: none;
}

#navContainer ul li a#a_nav1_open, #navContainer ul li a:hover#a_nav1_open {
  height: 20px;
  color: #000;
  text-decoration: none;
  cursor: pointer;
}


/*********************** sub-menu2 ***********************/
ul#submenu {
  position: absolute;
  top: 20px;
  left: 50px;
  width:480px;
  height:20px;
  z-index: 30;
  margin: 0;
  padding: 0;
}

ul#submenu li {
  display: inline;
  list-style: none;
  border-right: 1px solid #666;
  padding-right: 8px;
  padding-left: 4px;
}
ul#submenu li.first a {
  border-left: 0px solid #666;
  border-right: 1px solid #666;
  padding-left: 0px;
}

ul#submenu li a:visited,
ul#submenu li a:link {
  color: #666;
  text-decoration: none;
}

ul#submenu li a:hover,
ul#submenu li a:active {
  color: #000;
  text-decoration: none;
}

/*********************** end of sub-menu ***********************/

ul#menu-bottom {
  position: relative;
  top: 60px;
  float: right;
  margin-right: 50px;
  height:20px;
  width:180px;
  margin-top: 0;
  text-align: right;
}  

ul#menu-bottom li {
  display: inline;
  list-style: none;
  padding: 0;
}


ul#menu-bottom li.first a {
  border-left: 1px solid #666;
  border-right: 0px solid #666;
  padding: 0 8px 0 8px;
  margin-right: 0px;
}
ul#menu-bottom li.last {
  border-right: 1px solid #666;
  padding: 0 0px 0 0px;
  margin-right: 0px;
}

ul#menu-bottom li.padding a {
  padding-left: 0px;
}

ul#menu-bottom li a:visited,
ul#menu-bottom li a:link {
  color: #666;
  text-decoration: none;
}

ul#menu-bottom li a:hover,
ul#menu-bottom li a:active {
  color: #000;
  text-decoration: none;
}
ul#menu-bottom li#currentFolder,
ul#menu-bottom li#currentFolder a {
  color: #000;
  text-decoration: none;
}

#conentCon {
    padding: 55px 55px 0px 53px;
  position: relative;
  background: transparent url(../images/layout/bg.jpg) repeat-y;
  height: 384px;
  z-index: 1;
}
/*
#conentCon.kreation {
  background: transparent url(../images/layout/bg_news.jpg) no-repeat;
  widht:903px;
  height: 384px;
}
*/
#mainContent {
  width:575px;
    padding: 0;
    background: transparent;
  display: block;
  position: relative;
  z-index: 20;
}

#mainContent ul {
  margin-left: 0;
  padding-left: 23px;
}

#mainContent li{
  list-style-image: url(../images/global/pfeil.jpg);
  list-style-position: outside;
  padding-bottom: 10px;
  margin-left: 0;
}

/*copyright*/
#copy {
  position: relative;
  top: 42px;
  float: left;
  margin-left: 0;
  height:20px;
  width: 300px;
}

#footer {
  position: relative;
    padding: 0 10px;
    background: url(../images/layout/footer.jpg) no-repeat left top;
  height: 68px;
  z-index: 0;
} 
/*
#footer.kreation {
    background: url(../images/layout/footer_news.jpg) no-repeat left top;
    clear: both;
    top: -35px;
} 
*/  
#footer p {
      margin: 0; 
      padding: 20px 45px;
      text-align: left;
      font-size: 80%;
}
.sozial {
  position: absolute;
  top:57px;
     right: 270px;
}
.sozial img {
    margin-right: 10px;
}

/* Container fuer die Motive */
#motiv img {
  position: absolute;
  right: 19px;
  bottom: 0px;
  float: right;
  z-index: 11;
  text-align: left;
}
/* Motive Agentur */
#motiv .agentur {
  right: 40px;
  bottom: -30px;
}

#motiv .philosophie {
  right: 20px;
 bottom: -16px;
}

#motiv .netzwerk {
  right: 120px;
  bottom: -45px;
}

#motiv .gf {
  right: 70px;
  bottom: -45px;
}
#motiv .werbepause {
  right: 101px;
  bottom: -16px;
}

/* Image IHK in Template "agentur" und "index_12_2010.tmpl" */
#img_right {
  position: absolute;
  right: 50px;
  top: 20px;
  width: 150px;
  z-index: 15;
  text-align: left;
}

/* Motive Impressum, Kontakt */
#motiv .impressum {
  right: 60px;
  bottom: -45px;
}

#motiv img.kontakt {
  right: 19px;
  bottom: 40px;
}

/*Karte*/
#motiv .kontakt {
  position: absolute;
  right: 130px;
  bottom: 0px;
  float: right;
  z-index: 111;
  text-align: left;
}
/*akademie*/
#motiv.plan {
  position: absolute;
  right: 125px;
  bottom: 40px;
  float: right;
  z-index: 1;
  text-align: left;
}

/*akademie*/
#v_ort {
  position: absolute;
  left: 55px;
  top: 282px;
  width: 360px;
  text-align: left;
}

/* Motive Services */
#motiv img.services {
  right: 80px;
  bottom: 0px;
}

#motiv .cd {
  right: 50px;
  bottom: 0px;
}

#motiv .kampagnen {
  right: 19px;
  bottom: 0px;
}

#motiv .media {
  right: 80px;
  bottom: 0px;
}

#motiv .barrierefrei {
  right: 50px;
  bottom: 105px;
  border: 0px solid #ccc;
}

/* Motive Kunden */
#motiv .kunden {
  right: 19px;
  bottom: -45px;
}

#motiv.flashcontent {
  padding: 0;
  width: 800px;
  height: 380px;
}

img.logos {
/*  float: left; */
  margin: 0 10px 10px 0;
  border: 1px solid #ccc;
}

.imageLeft {
  float: left;
  margin-right: 10px;
}

.imageRight {
  float: right;
  margin-left: 10px;
}

/*Bilder auf der Seite Geschäftsführung */
.imageGF {
  margin: 10px 15px 0 0;
}

#film {
  position: relative;
  right: 43px;
  bottom: 0px;
}

#vorschau1 img,
#vorschau2 img,
#vorschau3 img,
#vorschau4 img,
#vorschau5 img,
#vorschau6 img {
  border: solid 0px #ccc;
  /*width: 50px;*/
}

.breite50 {
  width: 50px;
  height: 70px;
  overflow: hidden;
  margin-top: 5px;
  margin-left: 28px;
  float: left;
  border: solid 1px #ccc;
  text-align: center;
}

#vorschau1,
#vorschau2,
#vorschau3,
#vorschau4,
#vorschau5,
#vorschau6 {
  float: left; 
  margin-top:10px;
  margin-bottom:20px;
}

#vorschau1,
#vorschau4 {
  width: 280px; 
}
#vorschau2,
#vorschau5 {
  width: 270px; 
}

#vorschau3,
#vorschau6 {
  width: 240px; 
}

#vorschau1 p,
#vorschau2 p,
#vorschau3 p,
#vorschau4 p,
#vorschau5 p,
#vorschau6 p {
  line-height: 10px;
}

#vorschau1 #textbox,
#vorschau2 #textbox,
#vorschau3 #textbox,
#vorschau4 #textbox,
#vorschau5 #textbox,
#vorschau6 #textbox {
  float: left; 
  margin-right:5px; 
  margin-top: 55px;
}

#vorschau1 .stapel,
#vorschau2 .stapel,
#vorschau3 .stapel,
#vorschau4 .stapel,
#vorschau5 .stapel,
#vorschau6 .stapel {
  position: relative;
  top: 10px;
  z-index: 1000;
  width: 135px;
  height: 112px;
  float: left;
}

#vorschau1 .stapel {
  background: url(../images/global/bildstapel_cd.gif) no-repeat;
}
#vorschau2 .stapel {
  background: url(../images/global/bildstapel_kampagnen.gif) no-repeat;
}
#vorschau3 .stapel {
  background: url(../images/global/bildstapel_grafik.gif) no-repeat;
}
#vorschau4 .stapel {
  background: url(../images/global/bildstapel_barrierefrei.gif) no-repeat;
}
#vorschau5 .stapel {
  background: url(../images/global/bildstapel_soziales.gif) no-repeat;
}
#vorschau6 .stapel {
  background: url(../images/global/bildstapel_web.gif) no-repeat;
}

body#kreation #conentCon {
  background: transparent url(../images/layout/bg_news.jpg) no-repeat 0 bottom;
}
body#kreation #footer {
    background: url(../images/layout/footer_news.jpg) no-repeat left top;
}
/***************** Index News **********************/

h2.HeadlineLang,
h2.HeadlineLang a {
  padding-bottom: 0;
  color: #666;
}

#listview {
  position: absolute;
  top: -33px;
  left: 0px;
  width:480px;
  height:20px;
  z-index: 30;
  margin: 0;
  padding: 0;
}

#valid {
  position: relative;
  top: -40px;
  left: 260px;
  display: block;
}
#valid img {
  margin-right: 20px;
}