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: 22px;
	color: #ff8b2d;
	font-weight: normal;
	margin-top: 0;
	margin-bottom: 20px;
	padding-bottom: 0;
}

h1 a:link{
	color: #ff8b2d;
	font-size: 20px;
	text-decoration: none;
}

h1 a:visited {
	color: #ff8b2d;
	font-size: 20px;
	text-decoration: none;
}

h1 a:hover{
	color: #ff8b2d;
	font-size: 20px;
	text-decoration: none;
}

h1 a:active {
	color: #ff8b2d;
	font-size: 20px;
	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;
}
	
a {
	font-size: 11px;
	color: #666666;
}
a:link {
	font-size: 11px;
	color: #000;
	text-decoration: none;
}
a:visited {
	font-size: 11px;
	text-decoration: none;
	color: #000;
}
a:hover {
	font-size: 11px;
	text-decoration: underline;
	color: #000;
}
a:active {
	font-size: 11px;
	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;
}
 /*     
#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:600px;
	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:380px;
	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:587px;
    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: 200px;
}

#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%;
}
/* Container fuer die Motive */
#motiv img {
	position: absolute;
	right: 19px;
	bottom: 0px;
	float: right;
	z-index: 11;
	text-align: left;
}
/* Motive Agentur */
#motiv img.agentur {
	right: 40px;
	bottom: 0px;
	width: 319px;
	height: auto;
}

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

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

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

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

/* Motive Impressum, Kontakt */
#motiv img.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: 11;
	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 img.cd {
	right: 50px;
	bottom: 0px;
}

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

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

#motiv img.barrierefrei {
	right: 60px;
	bottom: 70px;
	border: 0px solid #ccc;
}

/* Motive Kunden */
#motiv img.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 {
	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 {
	float: left; 
	margin-top:10px;
	margin-bottom:20px;
}

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

#vorschau2,
#vorschau3 {
	width: 250px; 
}

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

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

#vorschau1 .stapel,
#vorschau2 .stapel,
#vorschau3 .stapel,
#vorschau4 .stapel,
#vorschau5 .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_grafik.gif) no-repeat;
}
#vorschau3 .stapel {
	background: url(../images/global/bildstapel_kampagnen.gif) no-repeat;
}
#vorschau4 .stapel {
	background: url(../images/global/bildstapel_soziales.gif) no-repeat;
}
#vorschau5 .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;
}