@charset 'utf-8';
@import url(reset.css);

/* Netcar24 CSS Style
   Updated: Freitag 07.12.07 @ 10:03
   Author Thomas Lempa
*/

/* ----------------------------------------------------- COLORS
light blue: #9db8cf
dark blue: #2a5980
darker blue: #1a3d58
blue gradient light: #608ab0
blue gradient dark: #2a5980
grey: #e6e6e6
yellow gradient light: #f7bf4f
yellow gradient dark: #d29c2d
content bg white #fcfcfc
textcolor: #383838
special textcolor: #1a3d58
highlight color: #ffffcc;
*/

/* ----------------------------------------------------- VISUAL HELP */



/* ----------------------------------------------------- GENERIC */
body {
 text-align: center;
 color: #383838;
 font: 0.75em/120% Helvetica, "Trebuchet MS", sans-serif;
 background: url(_img/bg.jpg) repeat-y center top;
}
a {
 color: #383838;
 font-weight: bold;
 text-decoration: underline;
}
* html a {
 cursor: pointer;
}
 *+ html a {
 cursor: pointer;
}
a:link {
 font-weight: bold;
 text-decoration: underline; 
}
a:visited {
 text-decoration: underline; 
}
a:hover {
 text-decoration: none;
}
a:active {
 text-decoration: none;
}
a.button {
 background: #2a5980;
 color: #ffffff;
 display: block;
 float: left;
 height: 25px;
 margin: 0 5px;
 padding-right: 29px;
 text-decoration: none;
}
a.button.more {
 padding-right: 15px;
}
a.button.signup {
 padding-left: 15px;
 font-size: 1.13em;
}
* html a.button.signup {
 padding-left: 0;
 margin-left: 15px;
}
*+ html a.button.signup {
 float: none;
}
a.button.previous {
 padding-right: 0;
 padding-left: 29px;
}
* html a.button {
 background: #2a5980;
 height: 20px;
 padding-right: 15px;
}
* html a.button.grey {
 background: #d2d2d2;
 height: 20px;
 padding-right: 15px;
}
a.button[class] {
 background: transparent url(_img/button_bg_arrow.png) no-repeat scroll top right;
}
a.button[class].more {
 background: transparent url(_img/button_bg.png) no-repeat scroll top right;
}
a.button[class].previous {
 background: transparent url(_img/button_bg_arrow_left.png) no-repeat scroll top left;
}
a.button[class].grey {
 background: transparent url(_img/button_bg_grey_arrow.png) no-repeat scroll top right;
}
a.button span {
 display: block;
 line-height: 15px;
 padding: 4px 0 6px 15px;
}
a.button.previous span {
 display: block;
 line-height: 15px;
 padding: 4px 15px 6px 0;
}
* html a.button span{
 padding: 2px 0 2px 15px;
}
a.button[class] span {
 background: transparent url(_img/button_bg_span.png) no-repeat top left;
}
a.button[class].previous span {
 background: transparent url(_img/button_bg_span_left.png) no-repeat top right;
}
a.button[class].grey span {
 background: transparent url(_img/button_bg_span_grey.png) no-repeat top left;
}
* html a.button.grey {
 color: #747474;
 border: 3px double #e6e7e8;
}
a.button:link {
 font-weight: bold;
}
a.button:visited {
 font-weight: bold;
}
a.button:hover {
 background-position: bottom right;
 text-decoration: none;
}
a.button:hover.more {
 background-position: bottom right;
 text-decoration: none;
}
a.button:hover.grey {
 color: #fff;
 background-position: bottom right;
 text-decoration: none;
}
a.button:hover span {
 background-position: bottom left;
 padding: 4px 0 6px 15px;
}
a.button:hover.previous span {
 background-position: bottom right;
 padding: 4px 15px 6px 0;
}
a.button:hover.grey span {
 background-position: bottom left;
 padding: 4px 0 6px 15px;
}
* html a.button:hover {
 background: #f7bf4f;
}
* html a.button:hover.grey {
 color: #fff;
 background: #9db8cf;
}
* html a.button:hover span{
 padding: 2px 0 2px 15px;
}
a.box {
 background: #2a5980;
 color: #ffffff;
 display: block;
 height: 38px;
 margin: 10px 15px;
 padding-right: 15px;
 text-decoration: none;
 text-align: center;
}
a.box.orange {
 background: #f7bf4f;
}
a.box[class] {
 background: transparent url(_img/button_bg_big.png) no-repeat scroll top right;
}
a.box[class].orange {
 background: transparent url(_img/button_bg_big_o.png) no-repeat scroll top right;
}
a.box span {
 display: block;
 line-height: 15px;
 padding: 4px 0 4px 15px;
 height: 29px;
}
a.box[class] span {
 background: transparent url(_img/button_bg_span_big.png) no-repeat top left;
}
a.box[class].orange span {
 background: transparent url(_img/button_bg_span_big_o.png) no-repeat top left;
}
a.box:hover {
 background-position: -37px right;
 text-decoration: none;
}
a.box:hover.orange {
 background-position: -37px right;
 text-decoration: none;
}
* html a.box {
 border: 3px double #e6e7e8;
}
* html a.box.orange {
 border: 3px double #e6e7e8;
}
* html a.box:hover {
 background: #f7bf4f;
}
* html a.box:hover.orange {
 background: #2a5980;
}
a.box:hover span {
 background-position: -37px left;
 padding: 4px 0 4px 15px;
}
a.box:hover.orange span {
 background-position: -37px left;
 padding: 4px 0 4px 15px;
}
img, div { behavior: url(/css/_img/iepngfix.htc); }
p {
 margin: 5px 10px;
}
ul.listing{
 float: left;
 list-style-type: disc;
 padding: 5px 0 10px 30px;
 width: 600px;
}
ul.listing li{
 clear: left;
 float: left;
 list-style-type: disc;
 margin: 0 0 0 20px;
 width: 600px;
}
* ul.listing li{
 clear: left;
 float: left;
 margin: 0;
 width: 600px;
}
h1 {
 background: url(_img/title_bg.jpg) repeat-x left top;
 color: #fff;
 font-size: 1.13em;
 font-weight: bold;
 padding: 5px 5px 5px 10px;
}
h2 {
 color: #383838;
 display: block;
 font-size: 1.13em;
 font-weight: bold;
 margin: 0 10px;
 padding: 10px 0 0 10px;
}
h3 {
 color: #383838;
 font-size: 1em;
 font-weight: bold;
 margin: 0 10px;
 padding: 10px 0 0 10px;
}
small {
 font-size: 0.75em;
}
small.footnote {
 vertical-align: super;

}
strong {
 font-weight: bold;
}
#accessibility {
 display: none;
}
#wrapper{
 margin: 0 auto;
 text-align: left;
 width: 968px;
}
span.print {
 float: right;
 padding: 5px;
}
dl {
 padding: 10px 20px;
 border-bottom: 1px solid #b9b9b9;
}
dt {
 float: left;
 font-weight: bold;
 padding: 5px;
 width: 60px;
}
dd {
 padding: 5px;
}
/* ----------------------------------------------------- HEADER */
#header {
 height: 145px;
 background:  url(_img/header_bg.jpg) repeat-x left top;
}
#header #logo{ 
 float: left;
 height: 100px;
 width: 210px;
}
#header #logo a{
 background: url(_img/logo.png) no-repeat 20px 10px;
 display: block; 
 height: 100px;
 width: 210px;
}
#header #logo a span {
 display: none;
}
* html #header #logo a{ 
 background: url(_img/logo.gif) no-repeat 20px 10px;
}
#header #quicklogin {
 background: url(_img/login_bg.png) no-repeat right top;
 float: right;
 height: 100px;
 width: 302px;
}
* html #header #quicklogin {
 background: url(_img/login_bg.gif) no-repeat right top;
 float: right;
 height: 100px;
 width: 302px;
}
#header #quicklogin .submit {
 float: right;
 margin: -26px 10px 0 0;
}
* html #header #quicklogin .submit {
 float: right;
 margin: -25px 5px 0 0;
}
#menu {
 width: 968px;
 float: left;
 height: 45px;
 background-image: url(_img/menu_bg.jpg);
}
#menu a {
 color: #fff;
 font-weight: normal;
 text-decoration: underline;
}
#menu a:hover {
 text-decoration: none;
}
#menu ul#navigation{
 display:block;
 float: left;
 height: 34px;
 font-size: 1.13em;
}
#menu ul#navigation li{
 float:left; 
 height: 21px;
 padding: 9px 0 12px 0;
}
#menu ul#navigation li a{
 background: transparent url(_img/navi_separator.jpg) no-repeat right 2px;
 padding: 10px;
 text-decoration: none;
}
#menu ul#navigation li a:hover{
 background: transparent url(_img/nav_over.jpg) repeat-x right 2px;
 text-decoration: none;
}
#menu ul#navigation li.active a:hover{
 background: transparent url(_img/navi_separator.jpg) no-repeat right 2px;
}
#menu ul#navigation li.active{
 background: url(_img/nav_bg.jpg) repeat-x center top;
}
#menu ul#navigation li:hover.active {
 cursor: default;
}
#menu ul#navigation li:hover{
 background: url(_img/nav_bg.jpg) repeat-x center top;
}
#menu ul#navigation li:hover a{
 font-weight: normal;
 background: none;
 padding: 10px;
 background: url(_img/navi_separator.jpg) no-repeat right 2px;
}
#menu p {
 color: #e6e6e6;
 font-size: 0.88em;
 padding: 0;
 margin: 10px 8px 8px 8px; 
}
/* ----------------------------------------------------- CONTENT */
.hotline {
 background: #e6e6e6;
 border-top: 1px dashed #e6e6e6;
 border-bottom: 1px dashed #e6e6e6;
 color: #383838;
 font-size: 1.13em;
 line-height: 120%;
 font-style: italic;
 padding: 10px;
 margin: 0;
 float: left;
 width: 760px;
}
.wide .hotline {
 width: 948px;
}
.hotline span{ 
 font-size: 1.25em;
}
#teaser {
 background: #9db8cf;
 color: #fff;
 font-size: 1.25em;
 margin: 0;
 padding: 5px 0;
}
* html #teaser {
 padding: 5px 10px 10px 10px;
}
#slider-wrapper #teaser.service {
 height: 300px;
 overflow: hidden;
 width: 968px;
}
* html #slider-wrapper #teaser.service {
 width: 948px;
}
#slider-wrapper #teaser.service h1 {
 background: transparent;
}
#slider-wrapper #teaser.service p {
 width: 600px;
 float: left;
}
* html #slider-wrapper #teaser.service p {
 margin: 10px 0 8px 6px; 
}
#slider-wrapper #teaser.service img {
 float: right;
}
#slider-wrapper #teaser.service .section {
 width: 928px;
 height:300px;
 float:left;
 overflow:hidden;
 padding: 20px;
}
#slider-wrapper #teaser.service .section p{
 line-height: 110%;;
}
#slider-wrapper #teaser.service div.section div.buttons{
 float: left;
 height:40px;
 margin-top: 10px;
}
#slider-wrapper #teaser.service div.content {
 width: 10000px;
}
#controls-wrapper {
 background: #f7bf4f url(_img/controls_bg_off.png) repeat-x left top;
 border-bottom: 5px solid #e6e6e6;
 float: left;
 height: 53px;
 width: 968px;
}
#controls-wrapper ul.controls {
 background: #9db8cf;
 display:block;
 float: left;
 height: 53px;
}
#controls-wrapper ul.controls li {
 background: #f7bf4f url(_img/controls_bg_off.png) repeat-x left top;
 float: left;
 height: 53px;
 margin-right: 1px;
}
#controls-wrapper ul.controls li span.new {
 background: transparent url(_img/new_feature.png) repeat-x left top;
 position: absolute;
 margin-top: -15px;
 margin-left: -35px;
 width: 30px;
 height: 30px;
}
* html #controls-wrapper ul.controls li span.new {
 background: transparent;
}
#controls-wrapper ul.controls li a {
 color: #fff;
 font-weight: normal;
 float: left;
 height: 23px;
 padding: 20px 10px 10px 10px;
 text-decoration: none;
}
#controls-wrapper ul.controls li a.active {
 background: #9db8cf url(_img/controls_bg.png) repeat-x left top;
 color: #383838;
 cursor: default;
}
#controls-wrapper ul.controls li a:hover {
 background: #9db8cf url(_img/controls_bg_over.png) repeat-x left top;
 text-decoration: none;
}
#controls-wrapper ul.controls li a:hover.active{
 background: #9db8cf url(_img/controls_bg.png) repeat-x left top;
 color: #383838;
}
#content {
 border-right: 1px dashed #e6e6e6;
 float: left;
 width: 780px;
}
#content.wide{
 float: left;
 width: 968px;
}
#newcontent {
 width: 668px;
 padding: 20px;
 margin: 0 0 0 130px;
 float: left;
 display: inline;
}
#newcontent p{
 width: 480px;
}
#newcontent p.right{
 width: auto;
}
#newlogo {
 background: url(_img/newlogo.gif) no-repeat top left;
 display: block; 
 height: 58px;
 width: 120px;
 padding: 0 0 0 30px;
}
#newlogo span {
 display: none;
}
#content a.top {
 color: #383838;
 display: block;
 text-align: right;
 padding: 5px;
}
#content a:hover.top {
 background: #9db8cf;
 text-decoration: none;
}
#content p {
  line-height: 140%;
  padding: 5px 10px;
}
#content.base {
	background: transparent url(_img/netcar24base.jpg) no-repeat 570px 50px;
}
#content.premium {
	background: transparent url(_img/netcar24premium.jpg) no-repeat 570px 50px;
}
#content.business {
	background: transparent url(_img/netcar24business.jpg) no-repeat 570px 50px;
}
#section ul li{
 margin: 5px 20px;
 padding: 0 15px;
 background: transparent url(_img/bullets.gif) no-repeat left 2px;
}
* html #section ul li{
 background: transparent url(_img/bullets.gif) no-repeat left 4px;
}
*+ html #section ul li{
 background: transparent url(_img/bullets.gif) no-repeat left 4px;
}
#section ul.clean{
 float: left;
 margin: 5px 20px;
 padding: 0 15px;

}
#section ul.clean li{
 background: transparent;
 float: left;
 margin: 5px 20px;
 padding: 0 15px;
 width: 250px;
}
* html #section ul.clean li{
 width: 230px;
}
#section ul.logos{
 clear: both;
 margin: 5px 10px;
 padding: 0 15px;
 width: 700px;
}
#section ul.logos li{
 background: transparent;
 float: left;
 padding: 0 2px;
}
#section ul.logos li img{
 border: 1px solid #383838;
}
#content .line {
 height: 1px;
 border-top: 1px dashed #e6e6e6;
 width: 770px;
}
#products {
 height: 420px;
 margin: 20px 0 20px 55px;
 width: 675px;
}
* html #products {
 height: 400px;
 margin: 20px 0 20px 55px;
 width: 680px;
}
*+ html #products {
 height: 400px;
 margin: 20px 0 20px 55px;
 width: 680px;
}
#products h1{
 background: transparent;
 color: #383838;
 font-size: 1.25em;
 line-height: 110%;
 padding: 16px 0 0 0 ;
 height: 35px;
}
#products h1 i{
 color: #383838;
 font-size: 0.63em;
 padding: 0;
 font-style: normal;
}
#products ul{
 list-style-image: none;
}
#products ul div {
 text-align: center;
 height: 170px;
}
#products ul li {
 float: left;
}
#products ul li.big {
 float: left;
 width: 320px;
}
#products ul div a {
 display: block;
 font-weight: normal;
 text-decoration: none;
 padding: 0 5px;
 width: 155px;
}
#products ul li.big div a {
 display: block;
 font-weight: normal;
 text-decoration: none;
 padding: 0 5px;
 width: 310px;
}
#products ul div span {
 background: #fcfcfc;
 display: block;
 text-align: center;
 margin: -45px 0 0 0;
 padding: 45px 5px 5px 8px ;
 border: 3px solid #e6e6e6;
}
#products ul div img {
 position: relative;
}
#products ul div.inactive {
 color: #a9a9a9;
}
#products ul div.inactive h1 {
 color: #a9a9a9;
}
#products ul div a.inactive h1{
 background: transparent;
 color: #a9a9a9;
 font-size: 1.25em;
 line-height: 110%;
 padding: 16px 0 0 0 ;
 height: 35px;
}
#products ul div a.inactive h1 i{
 color: #a9a9a9;
}
#products ul div a.inactive span{
 background: #fcfcfc;
 border: 3px solid #f3f3f3;
 color: #a9a9a9;
}
#products ul div a.over h1{
	color: #383838;
}
#products ul div a.over h1 i{
	color: #383838;
}
#products ul div a.over span{
	color: #383838;
}
#products ul div.dms {
 background: url(_img/grey_left.jpg) no-repeat center top;
 width: 165px;
}
#products ul div.refleet {
 background: url(_img/grey_center_big.jpg) no-repeat left top;
 width: 320px;
}
#products ul div.whitelabel {
 background: url(_img/grey_right.jpg) no-repeat center top;
 width: 165px;
}
#products ul div.carmarket {
 background: url(_img/grey_left.jpg) no-repeat center top;
 width: 165px;
}
#products div.content{
 background: #fcfcfc;
 border: 3px solid #e6e6e6;
 text-align: left;
 margin: 10px 0 0 5px;
 width: 645px;
}
#products p {
  margin: 0;
}
#products a.button{
 position: relative;
 bottom: -15px;
 margin-left: 10px;
}
#products a.register{
 position: absolute;
 margin: -30px 0 0 290px;
}
#products a.trynow {
 background: transparent url(_img/register_now.png) no-repeat left top;
 display: block;
 width: 100px;
 height: 100px;
 position: absolute;
 margin: -105px 0 0 590px;
}
* html #products a.trynow {
 background: transparent url(_img/register_now.gif) no-repeat left top;
 margin: -105px 0 0 425px;
}
*+ html #products a.trynow {
 background: transparent url(_img/register_now.png) no-repeat left top;
 margin: -105px 0 0 425px;
}
#products a.trynow i{
 display: none;
}
ul#referrer {
 height: 220px;
 margin: 20px 0 20px 55px;
 width: 675px;
}
*html ul#referrer {
 display: inline;
}
ul#referrer li {
 width: 200px;
 height: 200px;
 float: left;
 margin: 10px;
 padding: 0;
}
*html ul#referrer li {
 display: inline;
}
ul#referrer li a{
 width: 200px;
 height: 200px;
 display: block;
}
ul#referrer li a span{
 display: none;
}
ul#referrer li a.base{
 background: transparent url(_img/icon-product-base.jpg) no-repeat left top;
}
ul#referrer li a.base:hover{
 background: transparent url(_img/icon-product-base-over.jpg) no-repeat left top;
}
ul#referrer li a.premium{
 background: transparent url(_img/icon-product-premium.jpg) no-repeat left top;
}
ul#referrer li a.premium:hover{
 background: transparent url(_img/icon-product-premium-over.jpg) no-repeat left top;
}
div.references ul {
 display: block;
 float: left;
 margin: 10px;
 padding-bottom: 20px;
 width: 740px;
}
div.references ul a{
 text-decoration: none;
}
div.references ul li{
 border: 3px solid #9db8cf;
 float: left;
 height: 150px;
 margin: 15px;
 position: relative;
}
div.references ul li a img{
 filter:alpha(opacity=50);
 -moz-opacity:.50;
 opacity:.50;
}
div.references ul li a:hover img{
 filter:alpha(opacity=100);
 -moz-opacity:1.00;
 opacity:1.00;
}
div.references ul li a span{
 background: #9db8cf;
 bottom: 0;
 font-weight: bold;
 left: -9999px;
 padding: 5px;
 position: absolute;
 text-align: center;
 width: 190px;
}
div.references ul li a:hover span{
 left: 0;
}
.contact div {
 padding: 5px;
 width: 520px;
}
.contact div.focus {
 background: #ffffcc;
}
.contact div.logo {
 background: transparent url(_img/logo.png) no-repeat top right;
 float: right;
 height: 80px;
 margin: 10px 30px 0 0;
 width: 195px;
}
.contact div.logo span {
 display: none;
}
.vcard div {
 margin: 10px 0;
}
.vcard p{
 margin: 2px 0;
}
.vcard p.org {
 font-size: 1.13em;
 font-weight: bold;
 padding-top: 5px;
}
.vcard span.type{
 font-weight: bold;
}
.vcard div.tele p.mail{
 margin-top: 10px;
}
.privacy div{
 width: 360px;
 margin: 10px;
 float: left;
}
.privacy div.clear{
 clear: both;
}
.privacy ul li{
 margin: 5px 20px;
 padding: 0 15px;
 background: transparent url(_img/bullets.gif) no-repeat left 2px;
}
.agb ol{
 list-style-type: decimal;
 padding: 0 10px 0 36px;
}
.agb ul{
 padding: 0 10px 0 36px;
}
.agb li{
 margin: 10px;
}
.agb ol ol{
 list-style-type: lower-latin;
}
.benefit div{
 width: 200px;
}
.benefit div.clearfix{
 width: 400px;
}
.benefit div.logo{
 background: url(_img/logo.png) no-repeat center center;
 height: 400px;
 position: absolute;
 width: 760px;
}
* html .benefit div.logo{
 background: url(_img/logo.gif) no-repeat center center;
 width: 360px;
}
*+ html .benefit div.logo{
 width: 360px;
}
.benefit div.left{
 float: left;
 clear: left;
}
.benefit div.right{
 float: right;
 clear: right;
}
.benefit ul li {
 margin: 5px 20px;
 padding: 0 15px;
 background: transparent url(_img/bullets.gif) no-repeat left 2px;
}
.businesspartner ul {
 display: block;
 float: left;
 margin: 10px;
 padding-bottom: 20px;
 width: 740px;
}
.businesspartner ul a{
 text-decoration: none;
}
.businesspartner ul li{
 border: 3px solid #9db8cf;
 float: left;
 height: 100px;
 margin: 15px;
 position: relative;
}
.businesspartner ul li a img{
 filter:alpha(opacity=50);
 -moz-opacity:.50;
 opacity:.50;
}
.businesspartner ul li a:hover img{
 filter:alpha(opacity=100);
 -moz-opacity:1.00;
 opacity:1.00;
}
.businesspartner ul li a span{
 background: #9db8cf;
 bottom: 0;
 font-weight: bold;
 left: -9999px;
 padding: 5px;
 position: absolute;
 text-align: center;
 width: 190px;
}
.businesspartner ul li a:hover span{
 left: 0;
}
/* ----------------------------------------------------- SIDEBAR */
#sidebar {
 float: left;
 width: 187px;
}
#sidebar img {
 border: 3px solid #e6e6e6;
 margin: 5px 0 5px 10px;
}
* html #sidebar img {
 border: 3px solid #e6e6e6;
 margin: 5px 0 5px 8px;
}
#sidebar img {
 margin: 5px 0 5px 10px;
}
* html #sidebar img {
 margin: 5px 0 5px 5px;
}
#sidebar a.register img {
 border: 0;
}
#sidebar .vcard {
 margin-left: 15px;
}
#sidebar div.box {
 background: #e6e6e6;
 border-top: 1px dashed #e6e6e6;
 border-bottom: 1px dashed #e6e6e6;
 color: #383838;
 font-size: 1.5em;
 height: 42px;
 padding-top: 7px;
 line-height: 100%;
 margin: 10px 0 15px 10px;
 text-align: center;
 width: 170px;
}
#sidebar div.box a{
 color: #383838;
 font-weight: normal;
}
#sidebar div.box a:hover{
 color: #383838;
 text-decoration: none;
}
#sidebar div.box span{
 font-size: 0.69em;
 display: block;
}
/* ----------------------------------------------------- FORMS */
#content form {
 margin: 10px 0;
}
#content fieldset {
 margin: 20px;
}
#content fieldset legend {
 font-size: 1.13em;
 font-weight: bold;
 padding-bottom: 10px;
}
#content fieldset label {
 width: 300px;
 float: left;
 padding: 4px 10px 0 0 ;
 text-align: left;
}
#content fieldset input, #content fieldset textarea, #content fieldset select {
 width: 300px;
 border: 1px solid #b9b9b9;
}
#content.contact fieldset label {
 width: 170px;
 float: left;
 padding: 4px 10px 0 0 ;
 text-align: left;
}
#content.contact fieldset label.required {
 font-weight: bold;
}
#content.contact fieldset label.message {
 width: 300px;
 float: left;
 padding: 4px 10px 0 0 ;
 text-align: left;
}
#content.contact fieldset label.captcha {
 width: 170px;
 height: 70px;
 float: left;
 padding: 4px 10px 0 0 ;
 text-align: left;
}
#content.contact fieldset textarea {
 width: 480px;
 border: 1px solid #b9b9b9;
}
#content.contact div.submit {
 text-align: right;
 width: 490px;
}
div.submit input#submit, div.submit input#submitbutton {
 font-weight: bold;
}
#content.contact ul.errors {
 border: 1px solid #cc0000;
 background: #f7cbca;
 color: #cc0000;
 float: left;
 margin: 5px 0;
 padding: 5px;
 width: 474px;
}
#content.contact ul.errors li{
 display: block;
}
#content.register fieldset input, #content.register fieldset textarea {
 width: 250px;
 border: 1px solid #b9b9b9;
}
 #content.register select {
 width: 255px;
 border: 1px solid #b9b9b9; 
}
#content.register fieldset div {
 margin: 10px 0;
 display: block;
}
#content fieldset input:focus, #content textarea:focus, #content select:focus {
 background: #f1f1f1;
 color: #2a5980;
}
#content fieldset div.required {
 font-weight: bold;
}
#content.register p.required {
 margin: 0;
 float: left;
 display: block;
}
#content .required span {
 font-weight: bold;
}
#content.contact .referer label{
 width: 150px;
}
#content.contact .referer input{
 width: 15px;
 float: left;
 border: none;
}
#content.contact .value label{
 width: 120px;
 text-align: right;
}
#content.contact .referrer{
 clear: left;
}
#content.contact div{
 float: left;
}
#content.contact .agb label{
 width: 460px;
}
#content.contact .agb input{
 width: 20px;
 float: left;
 border: none;
}
#content.contact div.submit {
 text-align: right;
 width: 490px;
}
#content fieldset div.required span {
 padding-left: 10px;
 font-weight: normal;
}
#content fieldset div span.hint {
 padding-left: 180px;
 display: block;
 color: #9db8cf;
}
#content fieldset div.agb span.hint {
 float: left;
 padding-left: 0;
 color: #666;
 display: block;
 width: 200px;
}
#content div span.hint{
 color: #2a5980;
 font-weight: normal;
}
#content fieldset div.submit {
 text-align: right;
 width: 610px;
}
#content fieldset div.submit input {
 color: #ffffff;
 width: 120px;
 height: 28px;
 border: 0;
 padding-bottom: 4px;
 background: transparent url(_img/input.png) no-repeat left top;
 font-size: 11px;
}
* html #content fieldset div.submit input {
 color: #ffffff;
 width: 120px;
 height: 28px;
 background: #2a5980;
 border: 3px double #e6e7e8;
 margin-top: 4px;
}
#content fieldset div.submit input:hover {
 background: transparent url(_img/input_over.png) no-repeat left top;
}
#content fieldset .submit a {
 font-size: 0.88em;
}
#quicklogin div.submit input {
 color: #ffffff;
 width: 54px;
 height: 28px;
 border: 0;
 background: transparent url(_img/login.png) no-repeat left top;
}
* html #quicklogin div.submit input {
 color: #ffffff;
 width: 50px;
 height: 22px;
 background: #2a5980;
 border: 3px double #e6e7e8;
 margin-top: 4px;
}
#quicklogin div.submit input:hover {
 background: transparent url(_img/login_over.png) no-repeat left top;
}
#quicklogin fieldset {
 display:block;
 width: 300px;
 margin: 0;
 padding: 0;
}
#quicklogin legend {
 color: #383838;
 font-size: 1.25em;
 padding: 10px 0 5px 96px;
}
#quicklogin label {
 float: left;
 font-size: 0.88em;
 padding: 3px 5px 0 0;
 text-align: right;
 width: 90px;
 
}
#quicklogin input {
 border: 2px solid #e6e7e8;
 width: 120px;
 font-size: 0.88em;
}
#quicklogin input:focus {
 background: #f1f1f1;
 color: #1a3d58;
}

/* ----------------------------------------------------- TABLES */

table {
 width: 900px;
 margin: 20px auto;
 display: table;
}
* html table {
 border-collapse: collapse;
}
*+ html table {
 border-collapse: collapse;
}
th,td {
 padding: 10px 20px 10px 10px;
}
th.clean, td.clean {
 border: none;
 background: #fcfcfc;
}
tr.odd.clean {
 background: #fff;
}
thead th, tbody th {
 font-size: 1.13em;
 border-bottom: 1px solid #e6e7e8;
 border-top: 1px solid #e6e7e8;
 vertical-align: middle;
}
thead th.caption, tbody th.caption {
 background: #9db8cf;
 color: #fff;
 border: none;
 font-size: 1.33em;
 font-weight: bold;
 text-align: center;
}
thead th.extra_caption, tbody th.extra_caption {
 background: #e6282e;
 color: #fff;
 border: none;
 font-size: 1.33em;
 font-weight: bold;
 text-align: center;
}
thead td, tbody td {
 border-bottom: 1px solid #e6e7e8;
 border-top: 1px solid #e6e7e8;
 border-left: 1px solid #e6e7e8;
 text-align: center;
 vertical-align: middle;
}
thead tr.odd, tbody tr.odd {
 background: #fff;
}
thead tr:hover, tbody tr:hover {
 background: #f7bf4f;
}
td span {
 padding: 0 5px;
}
td span.highlight {
 background: #ffffcc;
}
tr.desc {
 text-align: left;
 font-size: 9px;
 color: #999;
}
tr.desc td{
 border: none;
 text-align: left;
}

/* ----------------------------------------------------- PARTNER */
#quick {
 border-top: 5px solid #e6e6e6;
 height: 45px;
 width: 968px;
}
#quick ul {
 float: left;
 padding: 10px 5px 0 5px;
}
#quick ul li {
 float: left;
 padding: 0 5px;
}
#quick ul li a img{
 filter:alpha(opacity=50);
 -moz-opacity:.50;
 opacity:.50;
}
#quick ul li a:hover img{
 filter:alpha(opacity=100);
 -moz-opacity:1.0;
 opacity:1.0;
}
/* ----------------------------------------------------- FOOTER */
#footer {
 background:  url(_img/header_bg.jpg) repeat-x left top;
 border-top: 5px solid #1a3d58;
 float: left;
 height: 130px;
 width: 968px;
}
#footer .onecolumn {
 float: left;
 width: 250px;
}
#footer .twocolumns {
 float: left;
 width: 368px;
 margin-left: 80px;
}
#footer p.copy {
 margin: 0 10px;
}
#footer .twocolumns ul#subnavigation {
 float: left;
 padding: 5px 10px 0 10px;
 width: 368px;
}
#footer .twocolumns ul#subnavigation li{
 float: left;
 padding: 0 5px 0 0;
}
#footer .twocolumns ul#subnavigation li a{
 float: left;
 padding: 0 5px 0 0;
}

.debug {
 border: 1px solid red;
}

/* ----------------------------------------------------- STATUS */
#content div.message {
 width: 770px;
}

#content p.error {
 border: 1px solid #d69093;
 background: #fbe3e4;
 color: #b92525;
 padding: 5px;
}
#content p.success {
 border: 1px solid #8dce8d;
 background:#d9fad9;
 color:#1a3105;
 padding: 5px;
}
#content p.notice {
 border: 1px solid #efcd43;
 background:#ffffcc;
 color:#514721;
 padding: 5px;
}
/* ----------------------------------------------------- TOOLTIP */
div.tooltip {
 background: #9db8cf;
 border: 2px solid #e6e6e6;
 color: #fff;
 padding: 10px;
 text-align: left;
 width: 200px;
}

/* ----------------------------------------------------- TOOLTIP */
#pageflip {
	position: relative;
	right: 0; top: 0;
	float: right; 
}
#pageflip img {
	width: 75px; height: 80px;
	z-index: 99;
	position: absolute;
	right: 0; top: 0;
	-ms-interpolation-mode: bicubic;
}
#pageflip .message_body {
	width: 75px; height: 75px;
	overflow: hidden;
	position: absolute;
	right: 0; top: 0;
}
.banner {
	height:400px;
	background: url('_img/neuigkeiten.jpg') no-repeat left top;
}