/*
IMPORTANT INFO! - changes has been made to the follwing items (campaigns / exihibitions)

subcontent
homesubcontent
foot
content
*/

body {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: center;
	margin: 0;
	background-color:#fff;
	color: #000C39;
}

img {
	border-width: 0;
}

h1 {
	font-size: 14px;
}

h2 {
	font-size: 10px;
}

h3 {
	font-size: 10px;
	padding:0;
	margin:10px 0 0 0;
}

#page {
	position: relative;
	text-align: left;
	margin: auto;
	width: 766px;
	height: 665px;
	margin-top: 34px;
}

.product {
	background-repeat: no-repeat;
	background-position: 0 58px;
	background-image: url(../graphics/products_bg_l.jpg);
}

.customers {
	background-repeat: no-repeat;
	background-position: 0 58px;
	background-image: url(../graphics/customers_bg_l.jpg);
}

.about {
	background-repeat: no-repeat;
	background-position: 0 58px;
	background-image: url(../graphics/about_bg_l.jpg);	 	
}

.contact {
	background-repeat: no-repeat;
	background-position: 0 58px;
	background-image: url(../graphics/contact_bg_l.jpg);	 	
}

.news {
	background-repeat: no-repeat;
	background-position: 0 58px;
	background-image: url(../graphics/news_bg_l.jpg);	 		
}

#head {
	height: 28px;
	padding-top: 6px;
	border: 1px solid #000C39;
	border-width: 1px 0 1px 0;
}

#menu {
	background-color: #61656F;
	height: 18px;
	margin: 2px 0 2px 0;
}

#menu h1 {
	display: none;
}

#menu ul {
	position: relative;
	left: 18px;
	border-left: 1px solid #FFF;
	margin: 0;
	padding: 0;
	height: 18px;
}

#menu li {
	margin: 0;
	float: left;
	list-style: none;
	height: 16px;
	width: 70px;
	text-align: center;
	border-right: 1px solid #FFF;
	padding-top: 2px;
	background-color: #61656F;
}

#menu li.active {
	background-color: #FFF;
}

#menu li.active a {
	color: #6AA8E6;
	font-weight: bold;
}

#menu li.longname {
	width: 126px;
}

#menu a {
	color: #FFF;
	text-decoration: none;
}

.content {
	position: absolute;
	top: 58px;
	left: 132px;
	height: 605px;
	/*campaign height
	height: 590px;*/
	overflow: auto;
	padding: 0 23px;
	width:393px;
}

h2.customer {
	margin-bottom: 0;
}

p.customer {
	margin: 0;
	clear: both;
	width: 376px;
}

p.customer a {
	display: block;
	width: 100%;
	color: #6AA8E6;
	font-weight: bold;
	text-decoration: none;
	height: 27px;
	padding-top: 18px;
}

p.customer a img {
	position: relative;
	top: -18px;
	margin-bottom: -18px;
	float: right;	
}

.newsContent h2 {
	position: relative;
	padding-bottom: 2px;
	padding-top: 12px;
	margin: 0;
	margin-top: 18px;
	border: 1px solid #FFF;
	border-bottom: 1px dashed #000C39;
}

.newsContent h2 .date {
	position: absolute;
	font-weight: normal;
	top: 0;
}

.newsContent p {
	padding: 3px 0 0 0;
	margin: 0 0 8px 0;
}

.newsContent p a {
	color: #6AA8E6;
}

p.newslink {
	border-top-width: 0;
	text-align: right;
}

.content h1 {
	margin: 0;
	margin-top: 20px;
	border-bottom: 1px solid #000C39;
}

#subcontent {
	position: absolute;
	top: 58px;
	left: 572px;
	width: 194px;
	height: 605px;
	/*campaign height
	height: 590px;*/
	background-color: #F8F9F7;
}

.contactSubcontent {
	background-color: transparent;
	background-image: url(../graphics/contact_bg_r.jpg);
}

.newsSubcontent {
	background-color: red;
	background-image: url(../graphics/news_bg_r.jpg);
}

#subcontent h1 {
	background-color: #E1EBF1;
	font-size: 12px;
	height: 20px;
	padding-top: 4px;
	padding-left: 20px;
	margin: 0;
}

#subcontent ul {
	margin: 0 0 0 20px;
	padding: 0;
}

#subcontent li {
	margin: 13px 0 0 0;
	padding: 0;
	list-style: none;
}

a.decorated {
	color: #6AA8E6;
	padding-right: 20px;
	text-decoration: none;
	background-image: url(../graphics/link_gnip.gif);
	background-repeat: no-repeat;
	background-position: center right;	
}

a.decoratedback {
	color: #6AA8E6;
	padding-left: 20px;
	text-decoration: none;
	background-image: url(../graphics/link_gnip_back.gif);
	background-repeat: no-repeat;
	background-position: center left;	
}

#subcontent h2 {
	margin: 15px 20px 0 20px;
}

#subcontent p {
	margin: 0 20px 0 20px;
}

#subcontent p.partners {
	margin: 15px 20px 15px 20px;
}

#subcontent p.smalllink {
	position: relative;
	margin-bottom: 20px;
}

#subcontent p.smalllink a {
	background-image: url(../graphics/link_gnip.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 14px;
	position: absolute;
	clip: rect(auto,14px,auto,auto);
}

#foot {
	position: absolute;
	top: 665px;
	width: 766px;
	border-top: 1px solid #000C39;
	text-align: right;
}

#contact h1 {
	display: none;
}

#contact p {
	display: none;
}

#email {
	width: 20px;
	height: 18px;
	background-image: url(../graphics/mail_icon.gif);
	background-repeat: no-repeat;
	background-position: center center;
	background-color: #61656F;
	border-left: 1px solid #FFF;
	position: absolute;
	top: 38px;
	left: 724px;
	cursor: pointer;
}

#phone {
	width: 20px;
	height: 18px;
	background-image: url(../graphics/phone_icon.gif);
	background-repeat: no-repeat;
	background-position: center center;
	background-color: #61656F;
	border-left: 1px solid #FFF;	
	position: absolute;
	top: 38px;
	left: 745px;
	cursor: pointer;
}

#contactcontainer {
	height: 16px;
	width: 147px;
	padding: 2px 0 0px 5px;
	position: absolute;
	top: 38px;
	left: 572px;
	color: #FFF;
	background-color: #61656F;
}

#streetmap {
	position: absolute;
	z-index: 1;
	top: 240px;
	left: 120px;
}

p.address {
	position: relative;
	z-index: 2;
	margin: 0 0 10px 0;
}

p.mapHeadline{}

a {
	color: #6AA8E6;
}
br.clearAll{
	clear:both;
}

.mapLink{
	float:right;
	position:relative;
	top:-15px;
	text-decoration:none;
}

#banner{
	display:block;
	text-align:center;
	padding:0;
	margin:0;
	background-image: url(../graphics/468x60.gif);
	width:468px;
	height:60px;
}

.home {
	background-repeat: no-repeat;
	background-position: 0 57px;
	background-image: url(../graphics/home_bg.jpg);
}

.home #contactcontainer, .home #email, .home #phone {
}

.campaign #contactcontainer, .campaign #email, .campaign #phone {
	top: 100px;
	height: 12px;
}

#campaignSubcontent {
	position: absolute;
	top: 118px;
	left: 572px;
	width: 194px;
	height: 442px;
	background-image: url(../graphics/email/barcelona2007/landing_bg.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
}


.campaignContent {
	top: 127px;
	left: 0;
	width: 520px;
}

.homeContent {
	top: 167px;
	left: 0;
	width: 520px;
	height: 496px;
}


#homeSubcontent {
	position: absolute;
	top: 58px;
	left: 572px;
	width: 194px;
	height: 605px;
	background-color: #F8F9F7;
}

#homeSubcontent h1 {
	background-color: #E1EBF1;
	font-size: 12px;
	height: 20px;
	padding-top: 4px;
	padding-left: 20px;
	margin: 0;
}

#homeSubcontent ul {
	margin: 0 0 0 20px;
	padding: 0;
}

#homeSubcontent li {
	margin: 13px 0 0 0;
	padding: 0;
	list-style: none;
}

#homeSubcontent h2 {
	margin: 15px 20px 0 20px;
}

#homeSubcontent p {
	margin: 0 20px 0 20px;
}

#homeSubcontent p.partners {
	margin: 15px 20px 15px 20px;
}

#homeSubcontent p.smalllink {
	position: relative;
	margin-bottom: 20px;
}

#homeSubcontent p.smalllink a {
	background-image: url(../graphics/link_gnip.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 14px;
	position: absolute;
	clip: rect(auto,14px,auto,auto);
}

.formtable, .formtable input{
	margin:0;
	padding:0;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
}
.formtable .long{
	margin-right:20px;
}
.formtable .short{
	width:80px;
}
.send{
	margin: 0;
	padding: 0;
	height: 18px;
	width: 70px;
	border:0;
	color: #FFF;
	background-color: #61656F;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

.first{
	clear:both;
	position:relative;
	top:5px;
}

.second{
	clear:both;
	position:relative;
	top:10px;
}


