/*	Tabellen-Styles */
@import url("table.css");

/*	Formular-Styles */
@import url("forms.css");

/*	Modul-Styles */
@import url("module.css");

/*	Fuhrparkcheck-Styles */
@import url("fuhrparkcheck.css");

/* Icons */
@import url("icons.css");

/*	lgemeine TAG-Formate */
*{
	font-size		: 11px;
	font-family		: 'gibsonregular', Verdana, Geneva, Ari, Helvetica, sans-serif;
}

body{
	padding			: 0;
	margin			: 0;
	background-color: #ffffff;
	color			: #000000;
}

form{
	margin			: 0;
	padding			: 0;
}

input
{
	font-size		: 10px;
	font-family		: 'gibsonregular', Verdana, Geneva, Ari, Helvetica, sans-serif;
	border		: 1px solid #333333;

}

input.tom
{
	border		: 0;
}

input.ubench
{
	font-size		: 10px;
	font-family		: 'gibsonregular', Verdana, Geneva, Ari, Helvetica, sans-serif;
	border		: 1px solid blue;
	width			: 50px;

}

textarea{
	font-size		: 10px;
	font-family		: 'gibsonregular', Verdana, Geneva, Ari, Helvetica, sans-serif;
	border			: 1px solid #333333;
}

select{
	font-size		: 10px;
	font-family		: 'gibsonregular', Verdana, Geneva, Ari, Helvetica, sans-serif;
	border			: 1px solid #333333;
}

button {
	background		: #708FB6;
	color			: #fff !important ;
	border: 1px solid #D0DAE7;
	border-right-color: #708FB6;
	border-bottom-color: #708FB6;
	padding			: 0 5px;
	vertical-align	: middle;
	cursor			: pointer;
	text-decoration	: none;
	font-weight		: bold;

}
button.sfhover,
button:hover {
background		: #708FB6
}

p{
	padding			: 0;
	margin			: 10px 0;
	font-style		: normal;
	line-height		: 13pt;
}

ul{
	list-style		: disc outside;
	margin			: 0 7px;
	padding			: 0 0 0 9px;
}

li{
	line-height		: 16px;
}

h1{
	margin			: 0 0 10px;
	padding			: 0;
	font-size		: 13px;
	color			: #004584;
	background-color: transparent;
}

h2{
	margin			: 0 0 8px 0;
	padding			: 0;
	font-size		: 11px;
	font-weight		: normal;
	color			: #708FB6;
	background-color:transparent;
}

h3{
	margin			: 8px 0 4px 0;
	padding			: 0;
	font-weight		: bold;
	font-size		: 11px;
	color			: #666666;
	background-color: transparent;
}

hr{
	border-top		: none;
	border-right	: none;
	border-bottom	: 1px solid #cccccc;
	border-left		: none;
	height			: 0;
	margin			: 4px 0 ;
}

dl {
	margin: 0;
}

dl dt {
	color: #666666;
	float: left;
	width: 25%;
	font-weight: bold;
	margin: 0 5px 0 0;
}

dl dd {
	margin: 0 0 5px 0;
}

a, a:link, a:visited {
	text-decoration	: none;
	color			: #004584;
}


/**
*   kontextunabhängige und unspezifische Klassen:
*/

/* Überschreibt Paddingeinstellungen ...*/
.nopad{
	padding			: 0 !important;
}

/*
 @deprecated
.headline{
	font-weight		: bold;
	color			: #333333;
}
*/
.subheadline{
	color			: #000000;
	letter-spacing	: 1px;
}

.error{
	color			: #fa7701 !important;
	font-style		: normal;
	font-size		: 11px;
	font-family		: 'gibsonregular', Verdana, Geneva, Ari, Helvetica, sans-serif;
}

.floatright{
	float			: right;
}

.noborder{
	border			: none !important;
}

.autoheight{
	height			: auto !important;
}

.vignbottom{
	vertical-align	: bottom !important;
}

.widthContentColumn{
	width			: 445px;
}

.clear{
	clear			: both !important;
	height			: 0 !important;
	line-height		: 0 !important;
	margin			: 0 !important;
	padding			: 0 !important;
	visibility		: hidden;
}

/** Sonderklassen fuer "ftbare" Tabellen
 *  Container fuer BreitenSchter Tabelle
 */
#tbl{
	position		: relative;
	overflow		: hidden;
	background-color: #ffffff;
}

div.wi100 {
	position		: relative;
	width			: 100%;
}

div.wi815{
	position		: absolute;
	width			: 765px;
}


.remark {
	font-style : italic;
}

.subMessage {
	color: #708FB6;
}


table.horizontalTable th {
	text-align: left;
}

/** Table profilemanagement
 *
 */ 
table.blueTable {
	border: none;
	width: 100%;
}

table.blueTable th {
	background: #bdc7de;
	color: #666666;
	text-align: center;	
}

table.blueTable td {
	text-align: center;
}

table.blueTable td input[type=checkbox] {
	border: none;
}

table.blueTable tr.odd {
	background: #ffffff;
}

table.blueTable tr.even {
	background: #eeeeee;
}

table.dmsBlueTable
{
	border: none;
	width: 100%;
}

table.dmsBlueTable th
{
	background: #bdc7de;
	color: #666666;
	text-align: left;
}

table.dmsBlueTable td
{
	text-align: left;
}

table.dmsBlueTable td input[type=checkbox]
{
	border: none;
    text-align: center;
}

table.dmsBlueTable td input[type=radio]
{
	border: none;
    text-align: center;
}

table.dmsBlueTable tr.odd
{
	background: #ffffff;
}

table.dmsBlueTable tr.even
{
	background: #eeeeee;
}

.formContainer {
	margin			: 0 auto;
	padding			: 0 0;
}

.buttongroup {
	margin-top 		: 20px;
}

.rowgroup {
	margin-bottom 	: 20px;
	margin-bottom 	: 0;
}

#car-details .label {
	font-weight		: bold;
}
/********************************************
Calculation
********************************************/

table.calculation_group_conditions td{
	padding-left	:5px;
	padding-right	:5px;
}

table.calculation_group_conditions thead,.groupheader {
    background		: #8492bd;
	color			: #FFFFFF;
	border-bottom	: 1px solid #004584;
	border-right	: 1px solid #004584;
	font-family		: 'gibsonregular';
	font-size		: 11px;
	font-weight		: bold;
	height			: 18px;
	margin: 0;
	padding: 0 3px;
	text-align: left;
}

.dealer {
  color: red;
}

.infomessage {
	font-style		: italic;
}

table.calculation_group_conditions .fuelgroup {
	text-align		: left;
}

table.calculation_group_conditions .minleaseprice,.maxleaseprice,.runtime {
	text-align		: right;
}

table.calculation_group_car thead{
	font-weight		: bold;
}

table.calculation_group_car .car_price_label{
	padding-right	: 5px;
	width			: 120px;
}

table.calculation_group_car .car_price_value{
	padding-right	: 5px;
	width			: 80px;
}

table.calculation_group_car .required{
	text-align		: left;	
	color 			: red;	
}

table.calculation_group_car .price{
	text-align		: right;
	padding-right	: 5px;
	width			: 120px;
	white-space		: nowrap;
}

table.calculation_group_car .discount{
	text-align		: right;
	padding-right	: 5px;
	width			: 80px;
}

table.calculation_group_car .options {
	margin-top		: 10px;
	padding-left	: 10px;
}

table.calculation_group_car .options .title{
	border-bottom 	: 0.01em solid #cccccc;
	font-weight		: normal;
}

/********************************************
Calculation : Caroptions
********************************************/

table.caroptions {
	margin-top		:20px;
}

table.caroptions thead{
    background		: #004584;
	color			: #FFFFFF;
	border-bottom	: 1px solid #004584;
	border-right	: 1px solid #004584;
	font-family		: 'gibsonregular';
	font-size		: 11px;
	font-weight		: bold;
	height			: 18px;
	margin			: 0;
	padding			: 0 3px;
	text-align		: left;
}

table.caroptions * {
	vertical-align	: top;
}

table.caroptions td.check, td.option, td.price, td.discount {
	//padding-top		:5px;
}

table.caroptions td.check {
	//padding-right	:10px;
}

table.caroptions td.option {
	width			: 100%;
}

table.caroptions td.option ul {
	margin			: 5px 0 5px 10px;
}

td.price {
	text-align		:right;
    padding-right	:10px;
}

table.caroptions  .optiongroup {
	padding-top		:10px;  
}

table.caroptions  .optiongroup th{
	padding-left	:10px;
	text-align		:left;
	border-bottom	:0.01em solid #999999;
}

/********************************************
Tender Overview"D:/DOCUME~1/rve/LOCALS~1/Temp/baddButtongCtn.gif" 
*********************************************/

.car_info{	
	color			: #666666;
}

/********************************************
Carbudget
*********************************************/

.carbudgetresults .header{
	background		: #004584;
	color			: #FFFFFF;
	border-bottom	: 1px solid #004584;
	border-right	: 1px solid #004584;
	font-family		: 'gibsonregular';
	font-size		: 11px;
	font-weight		: bold;
	height			: 18px;
	margin			: 0;
	padding			: 0 3px;
}

.carbudgetresults table {
	padding-top 	: 0;
	padding-bottom	: 10px;
}

.carbudgetresults tr.even {
	background		: #eeeeee;
}

div.legendDetails legend {
	color			: #004584;
}


h1.formHeader {
/*border-bottom : 1px solid #E2E9F0;*/
}

h3.formHeader {
/*border-top : 1px solid darkblue;*/
background : #BDC7DE;
}



/* begin css tabs */

div#tabContainer {
background:#FFFFFF none repeat scroll 0 0;
height:24px;
}

div#tabContainer ul {
background:#FFFFFF none repeat scroll 0 0;
float:left;
line-height:14px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0 0 1px;
padding:0;
width:auto;
}

div#tabContainer ul li {
float:left;
padding:0;
width:auto;
}

div#tabContainer ul li a {
/*background:#F5F5F5 url(../images/bg_portalnavi_inactive.gif) repeat-x scroll center top;*/
border-color:#E5E5E5;
border-style:solid;
border-width:0 1px;
color:gray;
display:block;
font-size:10px;
margin-right:2px;
padding:4px 10px;
text-decoration:none;
}

div#tabContainer ul li.tabActive a {
/*background:#004584 url(../images/bg_hauptnavi.gif) repeat-x scroll 0 0;*/
border:medium none;
color:#004584;
background-color: #8492bd;
}

div#tabContainer ul li a:hover {
background:#004584 url(../images/bg_hauptnavi_active.gif) repeat-x scroll 0 0;
color:#000066;
cursor: pointer;
}



div#childTabContainer {
/*background:#004584 url(/i/bg_hauptnavi.gif) repeat-x scroll 0 0;
height:24px;
margin:0;
position:relative;*/
}

div#childTabContainer ul {
background:#FFFFFF none repeat scroll 0 0;
float:left;
line-height:14px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0 0 1px;
padding:0;
width:auto;
}

div#childTabContainer ul li {
float:left;
padding:0;
width:auto;
}

div#childTabContainer ul li a {
background:#004584 url(../images/bg_hauptnavi.gif) repeat-x scroll center top;
border-right:1px solid #4E5189;
color:#FFFFFF;
display:block;
font-size:10px;
padding:4px 10px;
text-decoration:none;
}

div#childTabContainer ul li.tabActive a {
background:#F5F5F5 url(../images/bg_hauptnavi_active.gif) repeat-x scroll 0 0;
border-right:1px solid #4E5189;
color:#FFFFFF;
}

div#childTabContainer ul li a:hover {
background:#E2E9F0;
color:#000066;
cursor: pointer;
}

#configuratorWizard {
	width: 75%;
	display: inline;
	float: left;
}

/*---------------------------------
/*	BudgetBox
---------------------------------*/


#budgetBox {
	border: 1px solid #666;
	overflow:hidden;
	float: right;
	display: inline;
	width:20%;
}

#budgetBoxHeader {
	font-size: 12pt;
	background-color: #efefef;
}

#configurationBox {
	border: 1px solid #666;
	overflow:hidden;
	float: right;
	display: inline;
	width:20%;
}

#configurationBoxHeader {
	font-size: 12pt;
	background-color: #efefef;
}

/*---------------------------------
/*	SelectCar
---------------------------------*/
#header navigationButtons {	
	float: right;
}

#brandModelSelection{
	float: left;
	width: 40%;
	border-right: 1px solid #666;
	padding: 10px 20px 10px 0;
}

#brandModelContainer {
	border-bottom: 1px solid #666;
	overflow:hidden;
	padding: 0 0 20px 0;
}

#brandModelNews {
	width: 50%;
	float: right;
	padding: 10px 0;
}

#newsBox {
	align: center;
	width: 80%;
	border: 1px solid #666;
}

#brandSelection {
	border-bottom: 1px solid #666;
	padding: 10px 0;
}

#modelSelection {
	padding: 10px 0;
}

#bodySelection {	
	border-bottom: 1px solid #666;
	padding: 10px 0;
}

#fuelSelection {
	border-bottom: 1px solid #666;
	padding: 10px 0;
}

/* the overlayed element */ 
.overlay {         
	/* must be initially hidden */ 
	display:none; 
	 
	/* place overlay on top of other elements */ 
	z-index:10000; 
	 
	/* styling */ 
	background-color:#fff; 
			     
	min-height:200px; 
	border:1px solid #666;		 		
} 


#groupHeading {
	background-color: #b7c7da;
}

#groupBody {
	margin-left: 2em;
}

div.errorMessage {
	color: #FF0000;
}

div#oldpanel {
	text-align: left;
}

div#oldpanel td, div#oldpanel th {
	padding: 2px;
}


div#oldpanel fieldset {
	border: 2px groove #F0F0F0;
	padding: 8px;
}


/**
*	///////////////////////////////////////////////////
*	////////////// C O N T E N T //////////////////////
*	///////////////////////////////////////////////////
*
*	Stylesheet fuer Content-Pages im Athlon - Layout
*
*	@author			: Norbert
*	@since			: 20051216
*	@version		: 1.1
*
*	///////////////////////////////////////////////// */

#ath-logo{
	text-align		: right;
}

#ath-page{
	/*width			: 904px;*/ /*930px */
	width			: 80%;
	margin			: 0 auto;
	padding			: 20px;
	background-color: #fff;
	border-bottom	: 1px solid #e5e5e5;
	border-left		: 1px solid #efefef;
	border-right	: 1px solid #efefef;
	position		: relative;
}

#ath-footer{
	width			: 910px;
	margin			: 0 auto 20px auto;
	height			: 20px;
}

/**
* Ausrichtung Navigation
* Ueberschreibt die Einstellungen der
* navigation.css
*/
#containerNavigation{
	margin-top		: 0;
	margin-left		: 0;
}

/**
 * ####### sitenavi #########
 * Linke Spalte
 * Parent: BODY
 */
td.sitenavi {
	height			: 400px;
	vertical-align	: top;
	width			: 150px;
	border-top		: 1px solid #e5e5e5;
}

td.sitenavi ul.linkContainer{
	width			: 150px;
	margin			: 0;
	padding			: 0;
	list-style		: none;
}

ul.linkContainer a {
 font-weight:normal;
}


td.sitenavi ul.linkContainer li{
	width			: 150px;
	margin			: 0;
	padding			: 0;
/*	list-style		: none;*/
	border-bottom	: 1px solid #e5e5e5;
}

td.sitenavi ul.linkContainer li a {	
/*	background		: transparent url(../images/icons/pfeil_blau_rechts.png) 0px 0px no-repeat;  */
	color			: #004584;
	font-size		: 10px;
	line-height		: 14px;
	text-decoration	: none;
	display			: block;
	padding			: 2px 1px 2px 12px;
	margin			: 0 ;
	width			: auto;
	zoom			: 1.0;
	border-bottom	: 1px solid #fff;
	border-top		: 1px solid #fff; 
}

td.sitenavi ul.linkContainer li a.child {
	background		: #eff2f7; 
	color			: #004584;
	padding			: 2px 1px 2px 16px;
	filter: none;
}

td.sitenavi ul.linkContainer li a.inactive {
	background		: transparent;
	cursor			: default;
	color			: #cccccc !important;
	display			: none;
}

td.sitenavi ul.linkContainer li a.parent {
	padding			: 2px 1px 2px 4px;
	background		: none;
	filter			: none;
}

td.sitenavi ul.linkContainer li a.active {
	background-color: #dce5ee; 
}

td.sitenavi ul.linkContainer li a.haschild {
	 background		: #dce5ee
}

td.sitenavi ul.linkContainer li a:hover{
	background-color: #c0cdde;
	text-decoration	: none;
}



td.sitenavi div.contactbox{
	background-color: #E2E9F0;
	color			: #666666 !important;
	padding			: 10px;
	margin-top		: 8px;
}

td.sitenavi div.contactbox a.mailto{
	font-size		: 10px !important;
	font-weight		: bold;
	display			: block;
	padding			: 2px 0 0 14px;

	border-top		: 1px solid #B7C7DA;
	margin-top		: 5px;
}

td.sitenavi div.contactbox h4{
	font-weight		: bold;
	font-size		: 10px;
	margin			: 0;
	padding			: 0;
}

td.sitenavi div.contactbox p{
	font-size		: 10px;
	line-height		: 1.2em;
}

td.sitenavi div.eventbox{
	background-color: #FFCF2E;
}

td.sitenavi div.eventbox a{
	color			: #004584 !important;
	background-color: transparent;
	font-size		: 10px;
	line-height		: 14px;
	text-decoration	: none;
	display			: block;
	border-bottom	: 1px solid #ffffff ;
	padding			: 2px 2px 2px 10px;
	margin			: 0;
	width			: 138px;
	font-weight		: bold;
}

td.sitenavi div.eventbox a:hover{
	background-color: #004584 !important;
	color			: #FFCF2E !important;
	text-decoration	: none;
}

/**	############# footnote ################
*		@since 20050726
*/
td.contentContainer p.footnote{
	font-size		: 9px;
	line-height		: 12px;
	color			: #666666;
}

td.contentContainer p.footnote a{
	font-size		: 9px;
	line-height		: 12px;
}

td.contentContainer p.flipbookNavigation a {
	padding			: 0 2px;
}

td.contentContainer p.flipbookNavigation a.aktiv {
	color			: #708FB6;
}

/**
 * ######## Related Box Container #########
 * Rechte Spalte:
 * Parent: BODY td.relatedBoxContainer
 * Eingebunden auf allen Contentseiten
 */
td.relatedBoxContainer {
	padding-left	: 10px;
	width			: 30%;
	vertical-align	: top;
}

.relatedBoxContainer div{
	padding			: 10px 0 10px 0;
	margin			: 0;
	text-align		: left;
	width			: 234px;
	border-bottom	: 1px solid #ffffff;
}

.relatedBoxContainer p{
	padding			: 0 10px 0 10px;
	margin			: 0;
	font-size		: 10px;
	line-height		: 1.2em;
	color			: #004584;
}

.relatedBoxContainer p.teaser{
	margin			: 0 0 8px 0;
}

.relatedBoxContainer p.date{
	margin			:  5px 0 0 0;
}

.relatedBoxContainer h1{
	padding			: 0 10px 5px 10px;
	margin			: 0;
	font-size		: 11px;
	font-weight		: bold;
}

.relatedBoxContainer h1.caption{
	font-size		: 11px;
	font-weight		: bold;
	background 		: transparent;
	padding			: 6px 10px 0;
	margin			: -10px 0 10px 0;
}

.relatedBoxContainer h2{
	padding			: 0 10px 0 10px;
	margin			: 0;
	font-size		: 11px;
}

.relatedBoxContainer h3 {
	padding			: 0 10px 0 10px;
	margin			: 0;
	font-size		: 10px;
	font-weight		: bold;
}

.relatedBoxContainer input{
	width			: 200px;
}

.relatedBoxContainer select{
	width			: 200px;
}

.relatedBoxContainer a{
	font-size		: 10px !important;
	font-weight		: bold;
}

.relatedBoxContainer a.imageLink{
	background		: none !important;
	padding			: 0;
}

.relatedBoxContainer img{
	width			: 234px;
	display			: block;
}

.relatedBoxContainer b{
	font-weight		: bold;
}

.relatedBoxContainer label{
	font-weight		: bold;
	font-size		: 10px;
}

.relatedBoxContainer dl {
	padding			: 0 10px 0 10px;
	margin			: 0;
	font-size		: 10px;
	font-weight		: bold;
}

.relatedBoxContainer dl dt{
	color			: #2B2771;
}

/**
* Related-Boxes Farbklassen
*/

.relatedBox_color1{
	background-color: #708FB6;
	color			: #ffffff;
}
.relatedBox_color2{
	background-color: #B7C7DA;
}
.relatedBox_color3{
	background-color: #E2E9F0;
}
.relatedBox_color4{
	background-color: #004584;
	color			: #ffffff;
}
.relatedBox_color5{
	background-color: #ffffff;
	color			: #004584;
}
.relatedBox_color6{
	background-color: #FFCF2E;
	color			: #004584;
}


/**
*	######### Font-Styles in Related-Boxen ##########
*/
.relatedBox_color2 p,
.relatedBox_color3 p,
.relatedBox_color5 p,
.relatedBox_color5 p,
.relatedBox_color2 label,
.relatedBox_color3 label,
.relatedBox_color5 label,
.relatedBox_color6 label,
.relatedBox_color2 h1,
.relatedBox_color3 h1,
.relatedBox_color5 h1,
.relatedBox_color6 h1,
.relatedBox_color2 h2,
.relatedBox_color3 h2,
.relatedBox_color5 h2,
.relatedBox_color6 h2,
.relatedBox_color2 h3,
.relatedBox_color3 h3,
.relatedBox_color5 h3,
.relatedBox_color6 h3 {
	color			: #004584;
}

.relatedBox_color2 a,
.relatedBox_color3 a,
.relatedBox_color5 a,
.relatedBox_color6 a {
	color			: #004584;
	padding-right	: 8px;

}

.relatedBox_color1 p,
.relatedBox_color4 p,
.relatedBox_color1 label,
.relatedBox_color4 label,
.relatedBox_color1 h1,
.relatedBox_color4 h1,
.relatedBox_color1 h2,
.relatedBox_color4 h2,
.relatedBox_color1 h3,
.relatedBox_color4 h3{
	color			: #ffffff;
}

.relatedBox_color1 a,
.relatedBox_color4 a{
	color			: #ffffff;
	padding-right	: 10px;


}

/**
 *	######### Extra Box Format #############################
 */
div.extracontent{
	width			: 460px;
	margin			: 5px 0 15px 0;
	padding			: 10px;
	background-color: #FEEBDA;
	clear			: both;
}

div.extracontent h1{
	color			: #FFFFFF;
	background-color: #FA7701;
	font-size		: 11px;
	line-height		: 14px;
	padding			: 2px 10px;
	margin			: -10px -10px 1px -10px;
	height			: 16px;
	border-bottom	: 2px solid #fff;
}

div.extracontent h2{
	color			: #333;
	background-color: transparent;
	font-size		: 11px;
	line-height		: 14px;
	padding			: 2px 0;
	margin			: 0 0 2px 0;
}

div.extracontent h3{
	color			: #666;
	font-size		: 10px;
	line-height		: 14px;
	padding			: 2px 6px 0 6px;
	margin			: 0 0 0 0;
	letter-spacing	: normal;
}

div.extracontent p{
	padding			: 0 0 0 0;
}

div.extracontent p.containerImage{
	float			: left; 
	margin			: 0 10px 10px 0;
	border: 2px solid #fff;
}

div.extracontent p.containerImage img{
	display: block;
}

div.extracontent p.button {
	margin			: 0;
}

div.extracontent p.button a{
	font-size		: 10px;
	text-decoration	: none;
	display			: block;
background		: transparent;
	line-height		: 17px;
	margin			: 0;
	padding			: 0 0 6px 10px;
	font-weight		: normal;
}

div.extracontent p.button a:hover{
	text-decoration	: underline;
}

/**
* ######### Pfadverfolgung ##################
* Parent: BODY #trail
*/
#trail{
	line-height		: 20px;
	color			: #666666;
	font-size		: 10px;
	margin-bottom	: 20px;
	margin-left		: 10px;
}

#trail a{
	color			: #004584;
	font-size		: 10px;
}

/**	####### Footer ###########
*	Parent: BODY #footerContainer
*	Kontext: alle Contentseiten
*/
#footerContainer{
	background-color: #ffffff;
	height			: 20px;
	border-top		: 1px solid #cccccc;
	padding-left	: 180px;
	padding-right	: 10px;
}

#footerContainer p{
	line-height		: 20px;
	color			: #666666;
	font-size		: 10px;
}

#footerContainer a{
	font-size		: 10px;
}

/**	####### Footer ###########
*	Parent: BODY #ath-footer
*	Kontext: alle Contentseiten
*/

#ath-footer p{
	line-height		: 20px;
	font-size		: 9px;
	color			: #999;
}

#ath-footer a{
	font-size		: 9px;
	color			: #004584;
}

/**
* ############### Linklisten: ################################
*	bildet Modul "Linklist" ab (als UL)
*	kann im Contentbereich oder in Related-Box eingefügt werden
*/

ul.linklist {
	margin			:0;
	padding			: 0;
	width			: auto;
	border-bottom	: 2px solid #FFFFFF;
}

ul.linklist h1 {
	color			: #ffffff;
	margin			: 0;
	background-color: #666666;
	padding			: 2px 5px;
}

ul.linklist li {
	margin			: 0;
	padding			: 0;
	list-style		: none;
	background-color: transparent;
	border-bottom	: 2px solid #FFFFFF;
}

ul.linklist li a {
	display			: block;
	padding			: 2px 5px;
	height			: 1%; /* HOLLY! */
background		: #F5F5F5;
	color			: #004584;
}

ul.linklist li a:hover {
	display			: block;
	background-color: #B7C7DA;
}

/*
	##### Spezialklassen fuer Text-HTML-Komponenten
	Parent: BODY TD.containerContent
	Eingebunden in allen Contentseiten
*/
td.contentContainer{
	width			: 100%;
}

td.contentContainer p{
	color			: #333333;
	background-color: transparent;
	margin			: 0 0 8px 0;
	padding			: 0;
}

td.contentContainer div.component p a{
	/* NVB 20050615*/
/*	font-weight		: bold;*/
	text-decoration: underline;
}

td.contentContainer p.teaser{
	font-style		: italic;
	margin-bottom	: 1em;
}

/**
* Neues Komponentenformat!
* Komponenten-Container: Text-Bild
* Kombination in unterschiedlichen Ausrichtungen
*/
div.component {
	width			: 480px;
	margin-bottom	: 10px;
}

div.component div.containerImage {
	float			: left;
}

div.component div.efefef {
	background-color: #efefef;
}

div.component div.ffffff {
	background-color: #ffffff;
}

div.component div.containerText{
	float			: left;
}

/**
*	########## Raster Bild/Text-Aurichtung ##############
*/
div.component div.fourth div.containerImage{
	width			: 112px;
	margin-right	: 10px;
}

div.component div.fourth div.containerText{
	width			: auto;
}

div.component div.half div.containerImage{
	width		: 222px;
	margin-right: 10px;
}

div.component div.half div.containerText{
	width		: auto;
}

div.component div.full div.containerImage{
	width		: 480px;
}

div.component div.full div.containerText{
	clear		: both;
}
/**
 * Container Inhalte
*/
div.component div.containerImage img{
	display		: block;
	border		: 0;
}

div.component div.containerImage div.illu_title{
	padding		: 5px;
	font-size	: 10px;
}

div.component div.containerText p{
	clear		: none;
	width		: auto;
}

/**
 * Sonderformate für Error-Meldungen, Status-Meldungen usw.
 * Angelehnt an athlonline ...
 */
div.errorMessage{
	background-color: #FDF5E6;
	border			: 1px solid #FA7300;
	color			: #FA7300;
	padding			: 10px;
}

table.dmsResult
{
    background-color: #FDF5E6;
}


div.infoMessage{
	background-color: #ccff99;
	border			: 1px solid #336600;
	color			: #336600;
	padding			: 10px;
}

div.errorMessage p{
	color			: #FA7300;
	line-height		: 18px;
	padding-left	: 22px;
	font-weight		: bold;
}


div.resultMessage{
	background-color: #E9E9F1;
	border			: 1px solid #B9B8D0;
	padding			: 10px;
}

div.resultMessage p{
	line-height		: 18px;
	padding-left	: 22px;
	color			: #2B2771;
}

/**	 ####### Toolbox  ########
*	Sprachauswahl, Suchtool
*/
#toolbox{
	float			: right;
	width			: 234px;
	display			: block;
	position		: relative;
}

#toolbox ul {
	padding			: 0;
	margin			: 0;
	height			: 20px;
	background-color: #FFCF2E;
}

#toolbox li a {
	color			: #004584;
	width			: 224px;
	font-weight		: bold;
	line-height		: 20px;
	font-size		: 10px;
	padding			: 0;
}

#toolbox li {
	position		: relative;
	float			: left;
	list-style		: none;
	padding			: 0 10px;
	font-size		: 10px;
}

#toolbox li div a:hover,
#toolbox li:hover,
#toolbox li.sfhover {
	background-color: #FFE58C;
}

#toolbox li div,
#toolbox li div {
	position		: absolute;
	left			: -999em;
	width			: 100%;
	height			: auto;
}

#toolbox li:hover div,
#toolbox li.sfhover div {
	left			: 0;
	top				: 20px;
	background-color: #708FB6;
}

#toolbox li div a{
	display			: block;
	padding-left	: 10px;
	text-align		: left;
	border-top		: 1px solid #fff;
	background		: #FFF1C0;
	font-weight		: normal;
}

/* Sitemap Link*/
#toolbox #sitemap{
	display			: none;
}


/* Boxen Speispaltig im Content-Bereich */

div.columns{
	width			: 492px;
	clear			: both;
}

div.columns div.column{
	float			: left;
	width			: 215px;
	padding			: 10px;
	margin			: 0 10px 10px 0;
	position		: relative;
	background		: #E2E9F1;
}

div.columns div.default{
	overflow		: hidden;
	background		:  #E2E9F1 ;
}

div.columns div.alternate{
	overflow		: hidden;
	background		: #C0CDDE !important ;
}

div.columns div.background_image{
	padding			: 0;
	overflow		: hidden;
}

div.columns div.box150{
	height			: 150px;
}

div.columns div.box180{
	height			: 180px;
}

div.columns div.box190{
	height			: 190px;
}

div.columns div.box260{
	height			: 260px;
}

div.columns div.column h1{
	color			: #FFFFFF;
	background-color: #6F8FB6;
	font-size		: 11px;
	line-height		: 15px;
	padding			: 2px 10px;
	margin			: -10px -10px 10px -10px;
	height			: 16px;
	border-bottom	: 2px solid #fff;
}

div.columns div.column h2{
	color			: #333333;
	margin			: 10px 0 10px 0;
	font-size		: 11px;
}

div.columns div.column h3{
	color			: #333333;
	margin			: 10px 0 0 0;
	font-size		: 11px;
}

div.columns div.column p{
	font-size		: 11px;
	line-height		: 15px;
	padding			: 5px 0;
	color			: #333333;
}

div.columns div.column p.login{
	
}

div.columns div.column p.button{
	padding			: 5px 10px;
	margin			: 0 -20px 0 0;
	position		: absolute;
	bottom			: 0;
	left			: 0;
	background-color: #C9D5E3;
	border-top		: 1px solid #fff;
	width			: 215px;
}

div.columns div.column p.button a{
	font-size		: 11px;
	text-decoration	: none;
	display			: block;
	background		: transparent;
	line-height		: 15px;
	margin			: 0;
	padding			: 1px 0 1px 10px;
	font-weight		: normal;
}

div.columns div.column p.links{
	padding			: 0;
	margin			: 0;
}

div.columns div.column p.links a{
	font-size		: 11px;
	text-decoration	: none;
	display			: block;
	background		: transparent;
	line-height		: 15px;
	margin			: 0;
	padding			: 1px 0 1px 10px;
	font-weight		: normal;
}

/* html div.columns div.column p.links a {
	zoom: 1.0;
	background-image: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../images/icons/pfeil_blau_rechts.gif', sizingMethod='crop');
}*/

/* Image in Frame */
div.columns div.imageFrame{
	float				:left;
	background			: #fff;
	margin				: 2px;
}

div.columns div.imageFrame img{
	display				: block;
	position			: relative;
	background-color	: #fff;
	border				: 1px solid #a9a9a9;
	margin				: 0;
	padding				: 4px;
}

#ath-page td.contentContainer{
	padding-left	: 20px;
}

/***********************************************************

	DISPLAY TAG CSS

 ************************************************************/
 
 table.displaytag {
	border-collapse	: collapse;
	margin			: 0 0 10px 0;
	border			: 1px solid #004584;
	width			: 100%;
	font-family		: 'gibsonregular';
	font-size		: 10px;
	font-weight		: normal;
}

table.displaytag th {
	background		: #004584;
	color			: #FFFFFF;
	border-bottom	: 1px solid #004584;
	border-right	: 1px solid #004584;
	font-family		: 'gibsonregular';
	font-size		: 11px;
	font-weight		: bold;
	height			: 18px;
	margin			: 0;
	padding			: 0 3px;
	text-align		: center;
}

table.displaytag tr.even tr.odd {
	background		: #FFFFFF;
}

.cbc_displaytag_even {
	background : #eeeeee;
}

.cbc_displaytag_sorted {
	color : #ffffff;
}

.formContainer th.sortable a {
	color:#ffffff;
}
.formContainer .pagelinks a {
text-decoration : none;
}

th.sortable a:visited {
	color:#ffffff;
}

th.order1 a:visited {
	color:#ffffff;
}

th.order2 a:visited {
	color:#ffffff;
}

th.sorted a,th.sortable a {
	background: no-repeat right;
	display: block;
	width: 100%;
}

th.sortable a{
	background-image: url(../images/displaytag/arrow_off.png);
	color:#ffffff;
}

th.order1 a {
	background-image: url(../images/displaytag/arrow_down.png);
	color:#ffffff;
}

th.order2 a 	{
	background-image: url(../images/displaytag/arrow_up.png);
	color:#ffffff;
}

th.sortable a:hover, th.order1 a:hover,th.order2 a:hover{
 text-decoration:none;
}


table.displaytag tr.even tr.odd {
	background		: #FFFFFF;
}

table.displaytag tr.over
{
	background		: #3333FF;
        color			: #FF0000;
}

table.displaytag tr.overFix
{
	background		: #66FF66;
}

table.displaytag td {
	border-right	: 1px solid #225A65;
	height			: 15px;
	padding			: 1px 3px;
	color			: #000000;
}

table.displaytag tr.over td {
	border-right	: 1px solid #225A65;
	height			: 15px;
	padding			: 1px 3px;
	color			: #D9E7D2;
}

.left_nav_single_disabled {
	padding			: 0 0 0 10px;
	line-height		: 12px;
	width			: 10px;
	display			: inline;
	border			: none;
	background		: url(../images/displaytag/left_nav_single_disabled.jpg) no-repeat center;
}

.left_nav_single {
	padding			: 0 0 0 10px;
	line-height		: 12px;
	width			: 10px;
	display			: inline;
	border			: none;
	background		: url(../images/displaytag/left_nav_single.jpg) no-repeat center;
}

.right_nav_single_disabled {
	padding			: 0 0 0 10px;
	line-height		: 12px;
	width			: 10px;
	display			: inline;
	border			: none;
	background		: url(../images/displaytag/right_nav_single_disabled.jpg) no-repeat center;
}

.right_nav_single {
	padding			: 0 0 0 10px;
	line-height		: 12px;
	width			: 10px;
	display			: inline;
	border			: none;
	background		: url(../images/displaytag/right_nav_single.jpg) no-repeat center;
}

.left_nav_double {
	padding			: 1px 1px 1px 20px;
	line-height		: 12px;
	width			: 20px;
	display			: inline;
	border			: none;
	background		: url(../images/displaytag/left_nav_double.jpg) no-repeat center;
}

.left_nav_double_disabled {
	padding			: 1px 1px 1px 20px;
	line-height		: 12px;
	width			: 20px;
	display			: inline;
	border			: none;
	background		: url(../images/displaytag/left_nav_double_disabled.jpg) no-repeat center;
}

.right_nav_double {
	padding			: 0 0 0 20px;
	line-height		: 12px;
	width			: 20px;
	display			: inline;
	border			: none;
	background		: url(../images/displaytag/right_nav_double.jpg) no-repeat left;
}

.right_nav_double_disabled {
	padding			: 0 0 0 20px;
	line-height		: 12px;
	width			: 20px;
	display			: inline;
	border			: none;
	background		: url(../images/displaytag/right_nav_double_disabled.jpg) no-repeat left;
}

tr.actions {
	background-color: #E2E9F0;
}

tr.actions table{
	border-collapse	: collapse;
	margin			: 0px 0px 0px;

	font-family		: 'gibsonregular';
	font-size		: 10px;
	font-weight		: bold;
}

tr.actions td.border {
	border-bottom	: 2px solid #004584;
	border-top		: 1px solid #cccccc;
}


tr.actions td{
	border-right	: none;
	height			: 8px;
	padding			: 2px 10px;
}


.pagebanner {
	margin-top		: 5px;
}