body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	width:100%;
	height:100%;	
}

body, td, th, table, textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 19px;
	color: #333333;
}

.top-line-purple {
	width: 100%;
	height: 3px;
	margin: 0px;
	padding: 0px;
	font-size: 1px;
	background-color: #d9007f;
}

.top-line-black {
	width: 100%;
	height: 8px;
	margin: 0px;
	padding: 0px;
	font-size: 1px;
	background-color: #000000;
}

.content-container {
  position: relative;
	margin-left:auto; margin-right:auto;
	width: 775px;
	height: 100%;
}

.logo {
	position: absolute;
	left: 10px;
	top: 60px;
}

.menu {
	position: absolute;
	top: 170px;
	width: 200px;
	left: 20px;
}

.menu li {
	list-style: none;
	text-align: right;
	text-transform:uppercase;
	size: 12px;
	line-height: 22px
}
a {
  -moz-outline-style: none;
  outline: none;
}
a:link 		{ text-decoration: none; color: #d9007f; }
a:visited 	{ text-decoration: none; color: #d9007f; }
a:hover 	{ text-decoration: underline; color: #d9007f; }
a:active 	{ text-decoration: none;  color: #d9007f; }

.social-media {
	position: absolute;
	top:360px;
	width: 240px;
	height: 31px;
	background: white url(images/line-social-media.png) repeat-y top right;
	text-align: right;
}

.social-media .links {
  padding-right: 22px;
}

.social-media a {
  float: right;
	margin-left: 7px;
	margin-top: 8px;
}

.horizontal-top-line {
	position: absolute;
	top: 100px;
	left: 239px;
	width: 1px;
	height: 262px;
	background: #fff url(images/line-horizontal-top.png) no-repeat bottom left;
}

.main-content {
	position: absolute;
	top: 390px;
	left: 239px;
  width: 515px;
}

.body-text {
  position: relative;
	left: 0px;
	padding-left: 21px;
	padding-top: 5px;
	width: 515px;
	background: #ffffff url(images/line-pixel.png) repeat-y top left;	
	
  min-height:370px;
  height:auto !important;
  height:370px;
}

.footer-container {
	width:100%;
}

.edge-bottom {
	position: relative;
	top: 0px;
	left: -239px;
	height: 125px;
	width: 240px;
	background: #fff url(images/edge-bottom.png) no-repeat top right;
	text-align: right;
	color: #999;
}

.footer-imprint {
	padding-right: 20px;
}

.footer-imprint a:link 	{ text-decoration: none; color: #999; }
.footer-imprint a:visited { text-decoration: none; color: #999; }
.footer-imprint a:hover 	{ text-decoration: underline; color: #d9007f; }
.footer-imprint a:active 	{ text-decoration: none;  color: #999; }

.keyvisual-top {
	position: absolute;
	top: 25px;
	left: 260px;
}

.main-headline {
	position: absolute;
	top: 410px;
	left: 0px;
	width: 220px;
	text-align: right;
	text-transform:uppercase;
	font-size: 19px;
	font-weight:bold;
	color: #d9007f;
}

h1 {
	text-transform:uppercase;
	font-size: 19px;
	font-weight:bold;
	color: #000000;
	line-height: 24px;
}

h1 small {
  text-transform:none;
  font-size: 10px;
}

h2 {
	font-size: 18px;
	font-weight:bold;
	color: #000000;
	margin-bottom: 5px;
	padding-bottom: 0px;	
}

.footer-bookmarks {
	padding-left: 20px;
}

.tweet-cnt {
	padding-left:   15px;
	padding-bottom: 10px;	
}

.tweet-date {
	color: #000000;
	font-weight: bold;
}

.tweet-container {
	padding-top: 25px;
	position: relative;
	width: 435px;
	left: 80px;
}

.tweet-bird {
	position: absolute;
	left: 1px;
	top: 160px;
}

input.btn {
	border:1px solid;
	background-color: #d9007f;
	border-color: #d9007f;
	color:#FFFFFF;
	padding-left:0px;
	padding-right:0px;
	cursor: pointer
}

input.btn:hover {
	border-color: #000000;
	background-color: #000000;	
}

input[type=text], textarea {
	border:1px solid;
	border-color: #adadad;
	margin-right: 5px;
	color: #333333;
	padding-left: 2px;
	padding-right: 2px;
}

#contactNotification {
	background:url(images/msgbox.png) no-repeat top left;
	height: 27px;
	width: 100%;
	font-weight: bold;
	padding-left: 50px;
  vertical-align: middle;
  margin-bottom: 10px;
  padding-top: 5px;
}

#MsgEmail, #MsgPhone {
	width: 170px;
	height: 20px;
}

#MsgMessage {
	width: 275px;
	height: 20px;	
}

#MsgSendButton {
	width: 30px;
	margin-right: 0;
	height: 20px;	
}

.box-line {
	width: 437px;
	height: 1px;
	background: #fff url(images/box-line.png) no-repeat;
	padding: 0px;
	margin: 0px;
	font-size: 1px;	
}

.box-body {
	background: #fff url(images/box-border-left.png) repeat-y top left;
}

.contactform {
  margin-top: 10px;
}

.contactform #MsgEmail, .contactform #MsgPhone {
	width: 370px;
	margin: 2px;
}

.contactform #MsgMessage {
	width: 370px;
	height: 100px;	
	margin: 2px;	
}

.contactform #MsgSendButton {
	width: 150px;
	margin-right: 0;
}

.startup-marketing {
	position: absolute;
	top: 440px;
	left: 10px;
	margin-bottom: 10px;
}

.bundle-container {
  width: 380px;
  float: right;
  margin-bottom: 40px;
}

.bundle-container h2 {
  padding-top: 0px;
  margin-top: 0px;
}

.addon-container {
  width: 400px;
  float: right;
  margin-bottom: 20px;
}

.addon-container h3 {
  padding: 0px;
  margin: 0px;
}

.bundle-list {
  padding: 0px;
  margin: 0px;
  margin-left: 20px;  
}

.bundle-image {
  float: left;
  width: 110px;
  text-decoration: none;
}

.bundle-teaser {
  margin: 0;
  padding: 0;
  padding-left: 13px;
  font-weight: bold;
}

#diascope-container {
  width: 760px;
  height: 580px;
  margin-left: auto;
  margin-right: auto;
}

#diascope #subtext {
  position: absolute;
  width: 500px;
  height: 55px;
  top: 490px;
  margin-top: 20px;
  margin-left: 33px;
}

#diascope-container #ctrl {
  float: right;
  width: 180px;
  height: 55px;
  text-align: right;
  margin-top: 20px;
  margin-bottom: 20px;
  margin-right: 33px;
}

#diascope-container #client {
  font-weight: bold;
}

#diascope-container #copy {
  color: #888;
}

div.hr {
  height: 1px;
  background: #fff url(images/seperator.png) no-repeat;
  clear: both;
}

.bundle-contactform {
  background-color: #eeeeee;
  margin-top: 10px;
  padding: 5px;
}

.bundle-contactform #MsgSendButton {
	width: 150px;
	margin-right: 3px;
}

.bundle-contactform #contactNotification {
  margin-top: 10px;
}