@charset "utf-8";

body{
	color: #ffffff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}
em {
	font-style: normal;
	text-transform: uppercase;
}
abbr {
	border: none;
}
a {
	color: #999999;
	text-decoration: none;
}
.current {
	color: #66a1c4;
	font-weight: bold;
}
#topmenu a:hover {
	color: #66a1c4;
}
img {
	border:0;
	float:left;
}
ul,li, h1, h2, h3, p, form, tr, td, input {
	margin:0;
	padding:0;
}
h2{
	font-size:11px;
	font-weight:bold;
	margin:56px 0 15px 16px;
}
h3{
	font-size:11px;
	font-weight:bold;
	margin:0 5px 15px 16px;
}
h2.twolines{
	margin-top:49px;
}
p, table.login{
	margin:0 16px 0 16px;
}
p.content{
	margin:15px 9px 0 16px;
	height:155px;
}
.content a{
	color:#FFFFFF;
}
p.quote{
	font-weight:bold;
	margin-bottom:12px;
}
span.quoted{
	font-weight:normal;
	font-variant:small-caps;
}
p.poplink{
	background-image:url(../img/poplink.png);
	background-repeat:no-repeat;
	background-position:0 10px;
	padding:12px 0 12px 16px;
}
li{
	display:block;
	float:left;
	text-decoration:none;
	margin:0 3px 0 3px;
}
div{
	overflow:hidden;
	text-align:left;
}
input{
	border:1px solid #FFFFFF;
	color:#333333;
	height:14px;
	font-size:11px;
	width:200px;
}
input.login{
	width:130px;
}
input.error{
	border:1px solid #FF33FF;
}
input.loginBtn, input.submit{
	width:80px;
	background-color:#66a1c4;
	background-image:url(../img/bg.png);
	color:#ffffff;
	cursor: pointer;
	padding:1px; 
	text-align:right; 
	border:1px #ffffff solid;
	height:17px;
	font-size:10px;
	font-weight:bold;
}
/*input.loginBtn, input.submit{
	width:200px;
	cursor: pointer;
}*/
input[type="submit"] {
	cursor: pointer;
}
#container{
	position:absolute;
	left:-478px;
	top:20px;
	margin-left:50%;
	width:963px;
	height:600px;
}
/* Page Navigation */
/*
	Horizontal centered list navigation
	
	ATTENTION: 
	Linebreaks after list-items in HTML-Code, will add extra "phantom space"!
________________________________________________________________________________*/

/* Essentials ___________________________________________________*/
.horizontal, .horizontal * {
	float: none;
	list-style-type: none;
	margin: 0;
	padding: 0;
	text-align: center;
}
.horizontal {
	padding: .5em 0 .5em 0;
}
#page {
	line-height: 30px;
	padding: .5em 0 .5em 0;
}
#supp {
	color: #999;
	line-height: 1em;
	padding: .5em 0 .5em 0;
}
	.horizontal * {
		display: inline;
		vertical-align: middle;
	}
	#supp * {
		padding: 0;
	}
	#supp li {
		font-size: 9px;
		padding: .5em .5em;
	}
		.horizontal * a {
			color: #999;
			display: inline-block;
			font-size: 9px;
			padding: .5em 1em;
		}
		#supp * a {
			padding: 0;
		}
		.horizontal li.first a {
			border: none;
		}

/*
	Branding
________________________________________________________________________________*/
h3#audio-announcement {
	background-image: url(../img/audio-announcement.png);
	background-position: 0 0;
	background-repeat: no-repeat;
	display: block;
	height: 313px;
	left: 5px;
	margin: 0;
	padding: 0;
	position: absolute;
	text-indent: -9999em;
	top: 150px;
	width: 329px;
}
#index object {
	margin: 110px 9px 0 16px;
	position: relative;
	z-index: 999;
}
/*
	Branding
________________________________________________________________________________*/
h1#branding a {
	background-position: 0 0;
	background-repeat: no-repeat;
	display: block;
	height: 53px;
	margin: 57px 0 0 20px;
	text-indent: -9999em;
	width: 220px;
}
#index h1#branding a {
	background-image: url(../img/branding/cpo.png);
}
#profil h1#branding a {
	background-image: url(../img/branding/cpo-profil.png);
}
#kunden h1#branding a {
	background-image: url(../img/branding/cpo-kunden.png);
}
#solutions h1#branding a {
	background-image: url(../img/branding/cpo-solutions.png);
}
#adme h1#branding a {
	background-image: url(../img/branding/cpo-adme.png);
}
#quality-net h1#branding a {
	background-image: url(../img/branding/cpo-quality-net.png);
}
#einblicke h1#branding a {
	background-image: url(../img/branding/cpo-einblicke.png);
}
#karriere h1#branding a {
	background-image: url(../img/branding/cpo-karriere.png);
}
#login h1#branding a {
	background-image: url(../img/branding/cpo-login.png);
}
#kontakt h1#branding a {
	background-image: url(../img/branding/cpo-kontakt.png);
}

h2.header, p.summary , 
dl.list, dl.partner-list {
	font-size: 10px;
	margin: 0 2em;
	padding: 0;
}
dl.list  dd, dl.list  dt {
	font-size: 10px;
	margin: 0;
	padding: 0;
}
	dl.list dd.summary {
		margin-bottom: 1em;
	}
	dl.list dt {
		margin-bottom: 1em;
	}
	dl.list  dt a {
		font-weight: bold;
	}
	dl.list  a:hover {
		font-weight: normal;
	}
h2.header , h2.header a {
	font-weight: bold;
}
h2.header {
	margin: 1em 2em;
}


/*
	Kunden
________________________________________________________________________________*/
#kunden h2.header {
	font-weight: normal;
}
#kunden-container {
	float: left;
	width: 697px;
}
	#kunden-container #middle {
		float: left;
	}
		#kunden-container #kunden-logo {
			margin-right: 0;
			width: 174px;
		}
	#kunden-container #bottom {
		float: left;
	}
	ul#kunden-nav {
		margin-left: 2em;
		margin-right: 2em;
	}
		ul#kunden-nav li, ul#kunden-nav li a {
			display: block;
			float: none;
		}
/* Kunden Logos */
#kunden-logo h2, #kunden-logo h2 a {
	height: 150px;
	margin: 0;
	padding: 0;
	width: 150px;
	text-indent: -9999em;
}
#kunden-logo h2 a {
	background-position: 0 0;
	background-repeat: no-repeat;
	display: block;
	margin: 10px 12px;
}
#kunden-container .summary {
	margin-left: 2em;
	margin-right: 2em;
}
/*
	Quality Net
________________________________________________________________________________*/
#quality-net-container {
	float: left;
	width: 697px;
}
	#quality-net-container #middle {
		float: left;
	}
		#quality-net-container #quality-net-logo {
			margin-right: 0;
			width: 174px;
		}
	#quality-net-container #bottom {
		float: left;
	}
	#quality-net-logo h2, #quality-net-logo h2 a {
		height: 150px;
		margin: 0;
		padding: 0;
		width: 150px;
		text-indent: -9999em;
	}
	#quality-net-logo h2 a {
		background-image: url(../img/branding/quality-net.png);
		background-position: 0 0;
		background-repeat: no-repeat;
		display: block;
		margin: 10px 2em;
	}
.quality-net-big {
	background-image: url(../img/quality-net-big.png);
	background-position: 0 0;
	background-repeat: no-repeat;
	color: #333;
	float:left;
	height: 170px;
	margin-right: 4px;
	width: 255px;
}
.quality-net-big-wide {
	background-image: url(../img/quality-net-big-wide.png);
	background-position: 0 0;
	background-repeat: no-repeat;
	color: #333;
	float:left;
	height: 170px;
	margin-right: 4px;
	width: 429px;
}
.quality-net-big td, .quality-net-big-wide td{
	height: 160px;
	vertical-align: middle;
}
.quality-net-big-tall {
	background-image: url(../img/quality-net-big-tall.png);
	background-position: 0 0;
	background-repeat: no-repeat;
	color: #333;
	float: left;
	height: 344px;
	line-height: 16px;
	margin-right: 4px;
	width: 255px;
}
	.quality-net-big-tall td {
		height: 340px;
		vertical-align: middle;
	}
	.quality-net-big td dt a {
			color: #333;
		}
		.quality-net-big-tall td a {
			color: #333;
		}
		.quality-net-big-tall td a:hover {
			font-weight: bold;
		}
dl#partner-list  dd + dt {
	margin-top: 2em;
}

/* Vcard & GMap */
.region, .country-name, .geo {
	display: none;
	visibility: hidden;
}

#gmap {
		background: url(../img/geotag_16.png) no-repeat 0 0;
		display: inline-block;
		height: 16px;
		text-indent: -9999em;
		width: 16px;
	}
#vcard-download {
		background: url(../img/icon-hcard-download.png) no-repeat 0 0;
		display: inline-block;
		height: 18px;
		text-indent: -9999em;
		width: 29px;
}
#footer a:hover{
	color:#66a1c4;
}
/*
#topmenu{
	height:30px;
	font-size:9px;
	color:#999999;
	text-align:center;
}
#topmenu ul{
	margin:0 0 0 115px;
}
#topmenu li{
	margin:0 1px 0 3px;
}*/


#center{
	height:525px;
}
#top, #middle, #bottom{
	height:170px;
	margin-bottom:4px;
	padding-left:5px;
}
.bluebig, .bluebig2{
	float:left;
	width:255px;
	height:170px;
	margin-right:4px;
	background-image:url(../img/blue_big.png);
}
.bluebig2{
	width:429px;
	background-image:url(../img/blue_big2.png);
}
.bluesmall{
	float:left;
	width:170px;
	height:170px;
	margin-right:4px;
	background-image:url(../img/blue_small.png);
}
.bluebigdouble{
	float:left;
	width:514px;
	height:170px;
	margin-right:4px;
	background-image:url(../img/blue_bigdouble.png);
}
.bluebigpartner, .mymap{
	float:left; 
	width:255px; 
	margin-right:4px;
	height:344px;
	background-image:url(../img/blue_bigpartner.png);
	line-height:16px;
}
.bluexxl{
	float:left;
	background-image:url(../img/blue_bigxxl.png);
	background-repeat:no-repeat;
	width:690px;
	height:350px;
}
.double{
	margin-top:-170px;
}
/*.mymap{
	float:left;
	background-image:url(../img/blue_bigmap.png);
	background-repeat:no-repeat;
	width:300px;
	height:344px;
}*/
.bluebig a, .bluebig2 a, .bluebigpartner a, .bluebigdouble a, .bluesmall a{
	font-weight: normal;
	color: #FFFFFF;
}
.bluebig a:hover, .bluebig2 a:hover, .bluebigpartner a:hover, .bluebigdouble a:hover, .bluesmall a:hover,
.bluebig a.current, .bluebig2 a.current, .bluebigpartner a.current, .bluebigdouble a.current, .bluesmall a.current {
	font-weight: bold;
}
.bluebig td, .bluebig2 td, .bluebigdouble td, .bluesmall td{
	height:160px;
	vertical-align:middle;
}
.bluebigpartner td{
	height:340px;
	vertical-align:middle;
}
.bluebigdouble p{
	/*margin-left:36px;
	margin-right:36px;*/
}
table.newsletter{
	margin:60px 0 0 175px;
}
.newsletter td{
	height:18px;
	font-weight:bold;
	padding-right:16px;
}
.logo img{
	margin:57px 0 0 20px;
}
.logo2 img{
	margin:25px 0 -20px 20px;
}
#news{
	background-image:url(../img/pics/pic_willinews.jpg);
}
#news h2{
	color:#333333;
	font-weight:bold;
	font-size:11px;
	margin:18px 0 10px 10px;
}
#news p{
	margin:0px 0 10px 10px;
	font-size:9px;
	color:#333333;
}
#news a{
	color:#333333;
}
/*
#footer{
	height:30px;
	font-size:9px;
	color:#66a1c4;
}
#footer a{
	color:#66a1c4;
}
#footer ul{
	margin:8px 0 0 85px;
}*/
#footer {
	height:30px;
	overflow: hidden;
	padding-bottom: 25px;
}
#jenspic, #iljapic{
	cursor:pointer;
}
.double img{
	visibility:hidden;
}
#iljatxt, #jenstxt{
	width:255px;
	height:170px;
}
p.nav a {
	line-height: 1.4em;
}