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

	C S S  D A T E I - R E L E A S E  2 0 0 7
	
	Media:		Screen, Projection
	
	Browser:	Mozilla Firefox, Opera, Netspace, IE

	Copyright:	2005-2007 horstmann media gmbh

	Seite:		kaufagent - bieten in letzter Sekunde	[www.kaufagent.de]

	Autor:		freshframes GmbH						[www.freshframes.com]  
	

	Gliederung:
	===========
	
	1 - Algemeine Definitionen
	2 - Container / Layoutelemente
	3 - Typo
	4 - Bildformatierung
	5 - Tabellenformatierungen (alle Tabellen)
	6 - Formularelemente
	7 - Diverse Klassen
	8 - Tooltip
	9 - Kommentar (Kommentarboxen)
	10 - Paypal
	
****************************************************************************/


/****************************************************************************
	1 - A L L G E M E I N E  D E F I N I T I O N E N
	================================================
	*, body, a-tag
****************************************************************************/
* {
	padding: 0px;
	margin: 0px;
}

body {
	text-align: center;
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #48677A;
	font-size: 9px;
	line-height: 1.5em;
}

a:link {
	color: #0099CC;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #0099CC;
}
a:hover {
	text-decoration: underline;
	color: #33CCFF;
}
a:active {
	text-decoration: none;
	color: #0099CC;
}

/****************************************************************************
	2 - C O N T A I N E R - L A Y O U T E L E M E N T E
	===================================================
	
****************************************************************************/
#rahmen {
	padding: 0px;
	height: auto;
	width: 990px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

#rahmen_header {
	border: 0px;
	border-top: 0px;
	width: 629px;
	margin-left: 10px;
	margin-bottom: 0px;
	padding: 0px;
}

#rahmen_settings {
	border: 1px #666 solid;
	border-top: 0px;
	width: 628px;
	clear: both;
	margin-left: 10px;
}

#logo {
	height: 107px;
	width: 156px;
	float: left;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #4A697B;
}

#startseite_rahmen { /* startseite betreffend */
	height: auto;
	width: 662px;
	float: left;
	border: 0px;
	margin: 20px 0px 0px;
	padding: 0px 0px 0px 12px;
}

#startseite_content_1 {	/* startseite betreffend */
	height: 280px;
	width: 323px;
	border: 1px solid #4A697B;
	background-color: #FFFFFF;
	float: left;
}

#startseite_content_2 {	/* startseite betreffend */
	height: 280px;
	width: 323px;
	border: 1px solid #4A697B;
	background-color: #FFFFFF;
	float: right;
}

#startseite_content_3 {	/* startseite betreffend */
	height: 88px;
	width: 155px;
	border: 1px solid #4A697B;
	background-color: #33CCFF;
	float: left;
	clear: left;
	margin-top: 12px;
}

#startseite_content_4 {	/* startseite betreffend */
	height: 88px;
	width: 154px;
	border: 1px solid #4A697B;
	margin-left: 12px;
	background-color: #FFFFFF;
	margin-top: 12px;
	float: left;
}

#startseite_content_5 {	/* startseite betreffend */
	height: 179px;
	width: 323px;
	border: 1px solid #4A697B;
	background-color: #FFFFFF;
	float: left;
	clear: both;
	margin-top: 12px;
}

#startseite_content_6 {	/* startseite betreffend */
	height: 82px;
	width: 323px;
	border: 1px solid #4A697B;
	background-color: #FFFFFF;
	float: right;
	margin-top: 12px;
}

#startseite_content_7 {	/* startseite betreffend */
	height: 82px;
	width: 323px;
	border: 1px solid #4A697B;
	background-color: #FFFFFF;
	margin-top: 12px;
	clear: right;
	float: right;
	margin-left: 1px;
}

.tableft {
	float: left;
	margin-right: 10px;
	margin-top: 3px;
	margin-bottom: 2px;
}

.tabright {
	float: right;
	margin-right: 10px;
	margin-top: 3px;
	margin-bottom: 2px;
}

#nav1 {
	height: 109px;
	width: 686px;
	float: left;
	background-image: url(../bilder/bg_nav_mein_kaufagent.gif);
	background-repeat: no-repeat;

}

#box_oben {
	height: 107px;
	width: 148px;
	float: right;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #4A697B;
}

#nav2 {
	text-align: left;
	height: auto;
	width: 990px;
	clear: both;
	margin: 0px;
	padding: 0px;
}

#nav2 a:link { /* a-TAG nav2 */
	color: #4B6A7C;
	text-decoration: none; /* a-TAG nav2 */
}
#nav2 a:visited {
	text-decoration: none; /* a-TAG nav2 */
	color: #4B6A7C;
}
#nav2 a:hover {
	text-decoration: none; /* a-TAG nav2 */
	color: #FFFFFF;
}
#nav2 a:active {
	text-decoration: none; /* a-TAG nav2 */
	color: #4B6A7C;
}

#nav2in {
	text-align: left;
	height: 23px;
	width: 686px; /* 686 */
	clear: both;
	margin-left: 156px;
	background-image: url(../bilder/bg_nav2.gif);
	background-repeat: repeat-x;
}

#feature_l {
	height: 10px;
	width: 156px;
	float: left;
}

#content {
	height: auto;
	width: 686px;
	float: left;
	background-position: bottom;
	background-color: #E3ECF1;
	border-top-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #4A697B;
	border-bottom-width: 1px;
	border-bottom-color: #4A697B;
	background-image: url(../bilder/bg_content.gif);
	background-repeat: no-repeat;
}

#content_auk {
	height: auto;
	width: 686px;
	float: left;
	background-color: #ECF2F6;
	border-top-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #4A697B;
	border-bottom-width: 1px;
	border-bottom-color: #4A697B;
}

/*
#content {
	height: auto;
	width: 686px;
	float: left;
}
*/

.content_suche {
	height: auto;
	width: 686px;
	width: 686px;
	float: left;
}

#feature_r {
	height: auto;
	width: 148px;
	float: right;
}

#footer {
	height: 20px;
	width: 990px;
	clear: both;
}

.test {
	top: auto;
	right: auto;
}

#unterseite {
	background-color: #FFFFFF;
	height: auto;
	width: 660px;
	border: 1px solid #4B6A7C;
	margin-right: auto;
	margin-left: auto;
	margin-top: 20px;
}

#popup {
	background-color: #FFFFFF;
	height: auto;
	width: 540px;
	border: 1px solid #4B6A7C;
	padding: 0px;
	margin-top: 20px;
	margin-right: auto;
	margin-left: auto;
}

/****************************************************************************
	3 - T Y P O
	===========
	
****************************************************************************/
#nav2 p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	line-height: 1.5em;
	color: #5D798B;
	padding: 0px;
	margin: 0px;
	font-stretch: wider;
}

#feature_r p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #48677A;
	font-size: 9px;
	margin-left: 17px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 6px;
	text-align: left;
}

#feature_r h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #0099CC;
	font-size: 9px;
	font-weight: bold;
	margin-left: 17px;
	margin-top: 8px;
	margin-right: 0px;
	margin-bottom: 0px;
	text-align: left;
}

#feature_r ul {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #31CFFF;
	font-size: 9px;
	font-weight: bold;
	text-align: left;
	margin: 0px;
	padding: 10px 0px 0px 30px;
}

#feature_r ol ul {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	text-align: left;
	line-height: 1.5em;
	color: #4B6A7C;
	margin: 0px 0px 0px 25px;
	padding: 3px 10px 6px 0px;
}

.überschrift {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	line-height: 1.5em;
	font-weight: bold;
	color: #31CFFF;
}

.text {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	line-height: 1.5em;
	color: #4A697B;
	text-align: left;
}
.feature_punkt {
	float: right;
	margin-right: 10px;
}

#footer p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #4A697B;
	font-size: 10px;
	font-weight: bolder; 
	padding: 2px 0 0 0;
	margin-left: 166px;
	margin-right: 0px;
	margin-bottom: 0px;
	text-align: left;
}

#popup p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	text-align: left;
	line-height: 1.5em;
	color: #4B6A7C;
	margin: 0px 0px 0px 5px;
	padding: 3px 10px 6px 0px;
}

#popup h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: 600;
	text-align: left;
	line-height: 1.5em;
	color: #4B6A7C;
	margin: 0px 0px 0px 5px;
	padding: 3px 10px 6px 0px;
}

#popup h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: 600;
	text-align: left;
	line-height: 1.5em;
	color: #4B6A7C;
	margin: 0px 0px 0px 5px;
	padding: 3px 10px 6px 0px;
}
#popup ol {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	text-align: left;
	line-height: 1.5em;
	color: #4B6A7C;
	margin: 0px 0px 0px 8px;
	padding: 3px 10px 6px 0px;
}

.popup ol {
	line-height: 150%;
}

#popup ul {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	text-align: left;
	color: #4B6A7C;
	margin: 0px 0px 0px 8px;
	padding: 3px 10px 6px 0px;
	line-height: 150%;
}

#popup ol ul {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	text-align: left;
	color: #4B6A7C;
	margin: 0px 0px 0px 8px;
	padding: 3px 10px 6px 0px;
}

#unterseite p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	text-align: left;
	line-height: 1.5em;
	color: #4B6A7C;
	margin: 0px 0px 0px 220px;
	padding: 3px 10px 6px 0px;
}

#unterseite p.attn {
	font-weight: bold;
	color: #FF6600;
}

#unterseite h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: 600;
	text-align: left;
	line-height: 1.5em;
	color: #4B6A7C;
	margin: 0px 0px 0px 220px;
	padding: 3px 10px 6px 0px;
}
#unterseite h6 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: 600;
	text-align: left;
	line-height: 1.5em;
	color: #4B6A7C;
	margin-top: 38px;
	
}
#unterseite h5 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: 600;
	text-align: left;
	line-height: 1.5em;
	color: #4B6A7C;
}

#unterseite h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: 600;
	text-align: left;
	line-height: 1.5em;
	color: #4B6A7C;
	margin: 0px 0px 0px 220px;
	padding: 3px 10px 6px 0px;
}
#unterseite ol {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	text-align: left;
	line-height: 1.5em;
	color: #4B6A7C;
	margin: 0px 0px 0px 240px;
	padding: 3px 10px 6px 0px;
}

.unterseite ol {
	line-height: 150%;
}

#unterseite ul {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	text-align: left;
	color: #4B6A7C;
	margin: 0px 0px 0px 20px;
	padding: 3px 10px 6px 0px;
	line-height: 150%;
}

#unterseite ol ul {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	text-align: left;
	color: #4B6A7C;
	margin: 0px 0px 0px 25px;
	padding: 3px 10px 6px 0px;
}

#unterseite ol ul.tbl {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	text-align: left;
	color: #4B6A7C;
	margin: 0px 0px 0px 0;
	padding: 3px 10px 6px 0px;
}

#unterseite table p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	text-align: left;
	line-height: 1.5em;
	color: #4B6A7C;
	margin: 0px;
	padding: 3px 5px 6px 5px;
}

#unterseite table h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	text-align: center;
	line-height: 1.5em;
	color: #4B6A7C;
	margin: 0px;
	padding: 3px 5px 6px 5px;
}

#unterseite table h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: left;
	line-height: 1.5em;
	color: #FFFFFF;
	margin: 0px;
	padding: 0px 4px;
	font-weight: bold;
	font-variant: small-caps;
	vertical-align: middle;
	top: auto;
	bottom: auto;
}

#startseite_rahmen  p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	text-align: left;
	line-height: 1.5em;
	color: #4B6A7C;
	margin: 0px 0px 0px 8px;
	padding: 0px 10px 6px 0px;
}

#startseite_rahmen h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: 600;
	text-align: left;
	line-height: 1.5em;
	color: #4B6A7C;
	margin: 0px 0px 0px 8px;
	padding: 3px 10px 6px 0px;
}

#startseite_rahmen h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: 600;
	text-align: left;
	line-height: 1.5em;
	color: #4B6A7C;
	margin: 0px 0px 0px 8px;
	padding: 2px 10px 2px 0px;
}
#startseite_rahmen ol {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	text-align: left;
	line-height: 1.5em;
	color: #4B6A7C;
	margin: 0px 0px 0px 8px;
	padding: 3px 10px 6px 0px;
}
#startseite_rahmen ul {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	text-align: left;
	line-height: 1.5em;
	color: #4B6A7C;
	margin: 0px 0px 0px 8px;
	padding: 3px 10px 6px 0px;
}

#startseite_rahmen ol ul {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	text-align: left;
	line-height: 1.5em;
	color: #4B6A7C;
	margin: 0px 0px 0px 25px;
	padding: 3px 10px 6px 0px;
}



/****************************************************************************
	4 - B I L D F O R M A T I E R U N G
	===================================
	
****************************************************************************/
.bildlinks_1 {
	float: left;
	border: 1px solid #48677A;
	padding: 0px;
	margin: 2px;
}

.bildlinks_0 {
	float: left;
	border: none;
	padding: 0px;
	margin: 2px;
}

.bildrechts_1 {
	float: right;
	border: 1px solid #48677A;
	padding: 0px;
	margin: 2px;
}

.bildrechts_0 {
	float: right;
	border: none;
	padding: 0px;
	margin: 2px;
}

.bild_head_nav {
	float: right;
	border: 1px solid #48677A;
	text-align: center;
}

.bild_nav_content1 {
	margin-left: 268px;
}

.bild_nav_content2 {
	margin-left: 268px;
}

/****************************************************************************
	5 - T A B E L L E N  -   T A B L E S
	====================================
	alle vorkommenden Tabellen mit Typo
****************************************************************************/
table {
	margin:0px;
	padding:0px;
	border:0px;
}

.tabelle_spalte_head1 {
	background-color: #B4E7F9;
}
.tabelle_spalte_head2 {
	background-color: #E1F7FF;
}

.tabelle_spalte1 {
	background-color: #E3ECF1;
	border-bottom: 1px solid #48677A;
}
.tabelle_spalte2 {
	background-color: #FFFFFF;
	border-bottom: 1px solid #48677A;
}
.tabelle_spalte1_rot {
	background-color: #FF6600;
	border-bottom: 1px solid #48677A;
}

th p {
	color: #4A697B;
	vertical-align: bottom;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 90px;
	font-weight: bold;
	margin: 0px;
	padding: 0px 0px 3px 10px;
}

.tabelle_footer {
	height: 13px;
	width: 663px;
	border: 0px 0;
	text-align: right;
	background-color: #FFFFFF;
	background-image: url(../bilder/tabelle_footer_bg.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	margin-bottom: 10px;
}

table p { /*Tabelle-Schrift*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}

table p.footer {	/*Tabelle-Schrift*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #48677A;
	text-align: center;
	font-size: 9px;
	font-weight: bold;
	margin-left: 485px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

#unterseite table {
	text-align: left;
	margin: 0px 0px 0px 0px;
}

#tabelle_rahmen {
	height: auto;
	width: 662px;
	border: 0px;
	margin-top: 23px;
	margin-right: auto;
	margin-bottom: 23px;
	margin-left: auto;
}

#tabelle_rahmen span {
	word-spacing: 2px;
	letter-spacing: 1px;
}

#tabelle_rahmen table {
	text-align: left;
	margin: 0px;
	width: 640px;
	border-bottom:0px;
	border-left:0px;
	border-right:0px;
	border-top:1px solid #000000;
}

#tabelle_rahmen h1 { /*Tabelle-Schrift*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: 550;
	text-align: left;
	line-height: 1.5em;
	word-spacing: 2px;
	color: #FFFFFF;
	margin: 0px 0px 0px 10px;
	padding: 3px 10px 0px 0px;
}

#tabelle_rahmen h2 { /*Tabelle-Schrift*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: 400;
	text-align: left;
	line-height: 1.5em;
	color: #FFFFFF;
	margin: 0px 0px 0px 10px;
	padding: 0px 10px 3px 0px;
}

/****************************************************************************
	6 - F O R M U L A R E L E M N T E
	=================================
	
****************************************************************************/
.formularfeld {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #4A697B;
	margin-top: 2px;
	margin-right: 0px;
	margin-bottom: 2px;
	margin-left: 0px;
	border-width: 1px;
	border-style: dotted; 
	border-color: #0099CC;
	background-color: #DEE9EF;
}

.formularfeld_adminhoch {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #4A697B;
	margin-top: 2px;
	margin-right: 0px;
	margin-bottom: 2px;
	margin-left: 0px;
	background-color: #DEE9EF;
	border: 1px ;
	width: 383px;
	height: 250px;
}

.formularfeld_admin {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #4A697B;
	margin-top: 2px;
	margin-right: 0px;
	margin-bottom: 2px;
	margin-left: 0px;
	background-color: #DEE9EF;
	border: 1px ;
}

.formularfeld_login {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	margin-top: 2px;
	margin-right: 0px;
	margin-bottom: 2px;
	margin-left: 0px;
	border: 0px ;
	color:#FFFFFF;
	background-color:#FF6600;
}

.formularfeld_loginaktiv {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	margin-top: 2px;
	margin-right: 0px;
	margin-bottom: 2px;
	margin-left: 0px;
	border: 0px ;
	color:#FFFFFF;
	background-color:#FFA366;
}

.formularfeldII {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #4A697B;
	margin-top: 2px;
	margin-right: 0px;
	margin-bottom: 2px;
	margin-left: 0px;
	border-width: 1px;
	border-style: dotted; 
	border-color: #0099CC;
	background-color: #FFFFFF;
}

.formularfeld_big {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #4A697B;
	margin-top: 2px;
	margin-right: 0px;
	margin-bottom: 2px;
	margin-left: 0px;
	background-color: #DEE9EF;
	border: 0px;
}

#astart {
	width: 75px;
}

#aende {
	width: 75px;
}

#astartzeit {
	width: 40px;
}

#aendezeit {
	width: 40px;
}

/****************************************************************************
	7 - D I V E R S E  K L A S S E N
	================================

****************************************************************************/
.unsichtbar {
	display: none;
}

.sichtbar {
	display:block;
}

p.fehlermeldung {
	color: #FF6600;
}

.crossed {
	text-decoration:line-through;
}

.button {
	padding: 0 0 2px 0;
	vertical-align: bottom;
}

.button_content {
	margin: 0 0 -2px 6px;
}


/****************************************************************************
	8 - T O O L T I P
	=================

****************************************************************************/
.tooltip {
	white-space:nowrap;
    position: absolute;
	font-size: 10px;
	font-family: Verdana, sans-serif;
	display: none;
	background: infobackground;
	color: infotext;
	border: 1px solid black;
	padding: 1px 2px;
}

/****************************************************************************
	9 - K O M M E N T A R
	=====================

****************************************************************************/
#kommentar_rahmen {
	height: auto;
	width: 640px;
}

#kommentar_nav {
	height: 13px;
	width: 640px;
	background-image: url(../bilder/tabelle_footer_bg.gif);
	background-repeat: no-repeat;
	background-position: right;
}

#kommentar_nav p{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bolder;
	margin-left: 480px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

/****************************************************************************
	10 - P A Y P A L
	================

****************************************************************************/
#paypal {
	margin-top: 365px;
}
#paypal p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bolder;
	text-align: left;
	margin: 0px;
	padding: 0px;
}
#paypal ul {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: normal;
	text-align: left;
	margin-left: 15px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding: 0px;
}