/* common */

* {
	font-family: Arial, Helvetica, sans-serif;
}
html{overflow-y:scroll;}
html, body {
	margin: 0;
	padding: 0;
}

body {
	margin: 0 auto 20px auto;
	width: 840px;
}

.hide {
	display: none;
}

/* logo */

a#logo {
	background: url(../images/logo.gif) repeat left top;
	width: 194px;
	height: 100px;
	display: block;
}

/* navigation */

div#navigation {
	background: url(../images/navigation-background.jpg) no-repeat right top;
	width: 840px;
	height: 125px;
}

div#navigation ul {
	width: 381px;
	height: 125px;
	float: left;
	margin: 0;
	padding: 0;
	list-style-type: none;
}

div#navigation ul li#navigation-startseite {
	background: url(../images/navigation-startseite.jpg) no-repeat left top;
	float: left;
	margin: 0;
	padding: 0;
	width: 74px;
	height: 125px;
}

div#navigation ul li#navigation-startseite a,
div#navigation ul li#navigation-startseite a:hover {
	display: block;
	width: 74px;
	height: 125px;
}

div#navigation ul li#navigation-startseite a:hover,
div#navigation ul li#navigation-startseite a.active,
div#navigation ul li#navigation-startseite a.active:hover {
	background: url(../images/navigation-startseite-active.jpg) no-repeat left top;
}

div#navigation ul li#navigation-publisher {
	background: url(../images/navigation-publisher.jpg) no-repeat left top;
	float: left;
	margin: 0;
	padding: 0;
	width: 70px;
	height: 125px;
}

div#navigation ul li#navigation-publisher a,
div#navigation ul li#navigation-publisher a:hover {
	display: block;
	width: 70px;
	height: 125px;
}

div#navigation ul li#navigation-publisher a:hover,
div#navigation ul li#navigation-publisher a.active,
div#navigation ul li#navigation-publisher a.active:hover {
	background: url(../images/navigation-publisher-active.jpg) no-repeat left top;
}

div#navigation ul li#navigation-advertiser {
	background: url(../images/navigation-advertiser.jpg) no-repeat left top;
	float: left;
	margin: 0;
	padding: 0;
	width: 76px;
	height: 125px;
}

div#navigation ul li#navigation-advertiser a,
div#navigation ul li#navigation-advertiser a:hover {
	display: block;
	width: 76px;
	height: 125px;
}

div#navigation ul li#navigation-advertiser a:hover,
div#navigation ul li#navigation-advertiser a.active,
div#navigation ul li#navigation-advertiser a.active:hover {
	background: url(../images/navigation-advertiser-active.jpg) no-repeat left top;
}

div#navigation ul li#navigation-unternehmen {
	background: url(../images/navigation-unternehmen.jpg) no-repeat left top;
	float: left;
	margin: 0;
	padding: 0;
	width: 97px;
	height: 125px;
}

div#navigation ul li#navigation-unternehmen a,
div#navigation ul li#navigation-unternehmen a:hover {
	display: block;
	width: 97px;
	height: 125px;
}

div#navigation ul li#navigation-unternehmen a:hover,
div#navigation ul li#navigation-unternehmen a.active,
div#navigation ul li#navigation-unternehmen a.active:hover {
	background: url(../images/navigation-unternehmen-active.jpg) no-repeat left top;
}

div#navigation ul li#navigation-kontakt {
	background: url(../images/navigation-kontakt.jpg) no-repeat left top;
	float: left;
	margin: 0;
	padding: 0;
	width: 64px;
	height: 125px;
}

div#navigation ul li#navigation-kontakt a,
div#navigation ul li#navigation-kontakt a:hover {
	display: block;
	width: 64px;
	height: 125px;
}

div#navigation ul li#navigation-kontakt a:hover,
div#navigation ul li#navigation-kontakt a.active,
div#navigation ul li#navigation-kontakt a.active:hover {
	background: url(../images/navigation-kontakt-active.jpg) no-repeat left top;
}

div#navigation form {
	width: 196px;
	margin: 0;
	padding: 27px 0 0 0;
	float: right;
}

div#navigation form div#login-username {
	background: url(../images/login-username.gif) no-repeat left top;
	width: 94px;
	height: 25px;
	float: left;
}

div#navigation form div#login-username input {
	padding: 0;
	margin: 0;
	border: 0;
	background: #ffffff;
	width: 80px;
	margin: 4px 0 0 10px;
	font-size: 10px;
	color: #cccccc;
	outline: none;
}

div#navigation form a#login-type-advertiser {
	background: url(../images/login-type-advertiser.gif) no-repeat left top;
	width: 76px;
	height: 25px;
	float: left;
	display: block;
}

div#navigation form a#login-type-publisher {
	background: url(../images/login-type-publisher.gif) no-repeat left top;
	width: 76px;
	height: 25px;
	float: left;
	display: block;
}

div#navigation form div#login-password {
	background: url(../images/login-password.gif) no-repeat left top;
	width: 170px;
	height: 25px;
	clear: left;
}

div#navigation form div#login-password input {
	padding: 0;
	margin: 0;
	border: 0;
	outline: none;
	background: #ffffff;
	width: 150px;
	margin: 4px 0 0 10px;
	font-size: 10px;
	color: #cccccc;
}

div#navigation form input#login-button-login {
	border: 0;
	margin: 0;
	padding: 0;
	float: left;
	display: block;
}

div#navigation form a#login-button-passwortvergessen {
	background: url(../images/login-button-passwortvergessen.gif) no-repeat left top;
	width: 119px;
	height: 22px;
	display: block;
	float: left;
}

/* teaser */

div#teaser {
	width: 840px;
	height: 335px;
}

div#teaser div#teaser-publisher {
	background: url(../images/teaser-publisher.jpg) no-repeat left top;
	width: 420px;
	height: 335px;
	float: left;
	text-align: left;
}

div#teaser div#teaser-publisher a#teaser-publisher-informationen {
	display: block;
	width: 221px;
	height: 38px;
	margin: 154px 0 0 88px;
}

div#teaser div#teaser-publisher a#teaser-publisher-registrieren {
	display: block;
	width: 221px;
	height: 38px;
	margin: 12px 0 0 88px;
}

div#teaser div#teaser-advertiser {
	background: url(../images/teaser-advertiser.jpg) no-repeat left top;
	width: 420px;
	height: 335px;
	float: left;
	text-align: left;
}

div#teaser div#teaser-advertiser a#teaser-advertiser-informationen {
	display: block;
	width: 221px;
	height: 38px;
	margin: 154px 0 0 108px;
}

div#teaser div#teaser-advertiser a#teaser-advertiser-registrieren {
	display: block;
	width: 221px;
	height: 38px;
	margin: 12px 0 0 108px;
}

/* box */

div#box-container {
	width: 840px;
	height: 240px;
}

div#box-container div#box-news {
	width: 417px;
	height: 300px;
	float: left;
	text-align: left;
}

div#box-container div#box-news div#box-news-top {
	background: url(../images/box-top.gif) no-repeat left top;
	width: 417px;
	height: 25px;
}

div#box-container div#box-news div#box-news-content {
	background: url(../images/box-background.gif) repeat-y left top;
	padding: 0 25px 0 25px;
	height: 250px;
}

div#box-container div#box-news div#box-news-content h2 {
	font-size: 20px;
	font-weight: normal;
	line-height: 25px;
	color: #b43c3c;
	margin: 0;
	padding: 0 0 13px 0;
}

div#box-container div#box-news div#box-news-content a.news-title {
	color: #1f5789;
	font-size: 12px;
	line-height: 18px;
	text-decoration: none;
}

div#box-container div#box-news div#box-news-content a.news-title:hover {
	color: #1f5789;
	text-decoration: underline;
}

div#box-container div#box-news div#box-news-content small {
	color: #cccccc;
	font-size: 10px;
	line-height: 18px;
}

div#box-container div#box-news div#box-news-content div.news-text {
	color: #666666;
	font-size: 12px;
	line-height: 18px;
	padding: 0 0 8px 0;
	margin: 0 0 8px 0;
	border-bottom: 1px solid #ededed;
}

div#box-container div#box-news div#box-news-bottom {
	background: url(../images/box-bottom.gif) no-repeat left top;
	width: 417px;
	height: 25px;
}

div#box-container div#box-referenzen {
	width: 417px;
	height: 300px;
	float: right;
	text-align: left;
}

div#box-container div#box-referenzen div#box-referenzen-top {
	background: url(../images/box-top.gif) no-repeat left top;
	width: 417px;
	height: 25px;
}

div#box-container div#box-referenzen div#box-referenzen-content {
	background: url(../images/box-background.gif) repeat-y left top;
	padding: 0 25px 0 25px;
	height: 250px;
}

div#box-container div#box-referenzen div#box-referenzen-content h2 {
	font-size: 20px;
	font-weight: normal;
	line-height: 25px;
	color: #b43c3c;
	margin: 0;
	padding: 0 0 13px 0;
}

div#box-container div#box-referenzen div#box-referenzen-bottom {
	background: url(../images/box-bottom.gif) no-repeat left top;
	width: 417px;
	height: 25px;
}

/* content */

div#content {
	background: url(../images/content-background.gif) repeat-y left top;
	width: 840px;
}

div#content div#content-top {
	background: url(../images/content-top.gif) no-repeat left top;
	width: 840px;
	height: 10px;
	font-size: 0;
	line-height: 0;
}

div#content div#content-navigation {
	float: left;
	width: 190px;
	text-align: left;
}

div#content div#content-navigation ul {
	list-style-type: none;
	margin: 0;
	padding: 10px 0 0 20px;
}

div#content div#content-navigation ul li {
	padding: 4px 5px 4px 5px;
	border-bottom: 1px solid #ededed;
	font-size: 12px;
	line-height: 18px;
}

div#content div#content-navigation ul li a {
	display: block;
	color: #666666;
	text-decoration: none;
}

div#content div#content-navigation ul li a:hover,
div#content div#content-navigation ul li a.active,
div#content div#content-navigation ul li a.active:hover {
	display: block;
	color: #b43c3c;
	text-decoration: none;
}

div#content div#content-text {
	float: right;
	width: 600px;
	text-align: left;
}

div#content div#content-text div#content-text-container {
	padding: 15px 25px 15px 0;
	color: #666666;
	font-size: 12px;
	line-height: 18px;
}

div#content div#content-text div#content-text-container a {
	color: #1f5789;
	text-decoration: none;
}

div#content div#content-text div#content-text-container a:hover {
	color: #1f5789;
	text-decoration: underline;
}

div#content div#content-text div#content-text-container h2 {
	font-size: 20px;
	font-weight: normal;
	line-height: 25px;
	color: #b43c3c;
	margin: 0;
	padding: 0;
}

div#content div#content-text div#content-text-container h3 {
	font-size: 14px;
	font-weight: normal;
	line-height: 18px;
	color: #1f5789;
	margin: 0;
	padding: 0 0 13px 0;
}


div#content div#content-text div#content-text-container ul {
	list-style-image: url(../images/bull.gif);
	margin: 0;
	padding: 0px 0 0 15px;
}

div#content div#content-text div#content-text-container ul li {
	font-size: 12px;
	line-height: 18px;
}

div#content div#content-text div#content-text-container ul li a {
	display: block;
	color: #666666;
	text-decoration: none;
}

div#content div#content-bottom {
	background: url(../images/content-bottom.gif) no-repeat left top;
	width: 840px;
	height: 10px;
	font-size: 0;
	line-height: 0;
	clear: both;
}

/* footer */

div#footer {
	height: 36px;
	width: 840px;
}

div#footer div#footer-copyright {
	color: #cccccc;
	font-size: 11px;
	line-height: 16px;
	text-align: left;
	float: left;
	padding: 10px 0 0 15px;
}

div#footer div#footer-links {
	color: #cccccc;
	font-size: 11px;
	line-height: 16px;
	text-align: right;
	float: right;
	padding: 10px 15px 0 0;
}

div#footer div#footer-links a {
	float: right;
	display: block;
	color: #cccccc;
	text-decoration: none;
	margin: 0 0 0 10px;
}

div#footer div#footer-links a:hover {
	color: #cccccc;
	text-decoration: underline;
}

td.headline {
	padding-top:20px;
}


#marqueecontainer{
	position: relative;
	height: 220px;
	overflow: hidden;
	border: 1px solid #DDDDE0;
}

#vmarquee{
	position:absolute;
	text-align:center;
	width:370px;
	padding-top:15px;
}

#vmarquee img {
	display:block;
	border:0px;
	margin:8px auto auto auto;
}

#vmarquee div {
	font-size:13px;
	font-family:arial;
	font-weight:bold;

	padding-top:10px;
	padding-bottom:15px;

	border:1px solid #CCCCD0;
	background-color:#ffffff;
	width:160px;
	height:100px;
	text-align:center;
	margin-bottom:15px;
	background-image:url(/images/main_menu_content_bg.gif);
	background-repeat:repeat-x;
	background-position:0px 1px;
	
	float:left;
	margin-left:15px;
	
}


#clients div {
	font-size:13px;
	font-family:arial;
	font-weight:bold;

	padding-top:10px;
	padding-bottom:15px;

	border:1px solid #CCCCD0;
	background-color:#ffffff;
	width:160px;
	height:100px;
	text-align:center;

	margin:12px 12px auto auto;
	
	background-image:url(/images/main_menu_content_bg.gif);
	background-repeat:repeat-x;
	background-position:0px 1px;
	
	float:left;
}

#clients img {
	display:block;
	border:0px;
	margin:8px auto auto auto;
}