/*
    autosuche24.de

    css/styles.css      2008-06-26  (c) Philipp Theobald Mediengestaltung
*/


/*
div {border: 1px dashed red !important;}
/* */


.orange {
	color: #C79103;
}

body
{
    margin:                     0px;
    color:                      #000000;
    background-color:           #989898;
    background-image:           url('../img/body_bg.gif');
    background-repeat:          repeat-x;
    background-position:        left top;
    font-family:                sans-serif;
    font-size:                  12px;
    text-align:                 center;
    line-height:                120%;
}

a:link,
a:visited
{
    color:                      #C79103;
    text-decoration:            underline;
}

a:hover,
a:active
{
    color:                      #C79103;
    text-decoration:            underline;
}

img
{
    border-style:               none;
}


h1
{
    display:                    none;
}

form
{
    display:                    inline;         /* IE */
}

p
{
    padding:                    0px;
    margin-top:                 10px;
    margin-bottom:              10px;
}

ul
{
    list-style-type:            square;
}

.graybox {
		background-color:						#EEEEEE;
}

.align_left
{
    text-align:                 left;
}

.align_right
{
    text-align:                 right;
}

.align_center
{
    text-align:                 center;
}

.align_justify
{
    text-align:                 justify;
}

.allcaps
{
    text-transform:             uppercase;
}

.float_left
{
    clear:                      left;
    float:                      left;
}

.float_right
{
    clear:                      right;
    float:                      right;
}

div#centered
{
    width:                      980px;
    margin-left:                auto;
    margin-right:               auto;
    margin-top:                 10px;
}

div#main
{
    float:                      left;
    width:                      970px;
    background-color:           #FFFFFF;
    border:                     3px solid #AAAAAA;
    text-align: left;
    padding: 10px;
}

div#header
{
    text-align: 								right;
    background-color:           #ffffff;
    background-image:           url('../img/kopf_start.jpg');
    background-repeat:          no-repeat;
    background-position:        left bottom;
}

img#logo
{
    margin-right:               20px;
    margin-top:                 20px;
    margin-bottom:              50px;
    float: right;
}

ul#nav
{
    clear:                      both;
    float:                      left;
    width:                      100%;
    margin:                     0px;
    padding:                    0px;
    border-bottom:              5px solid #C8C8C8;
    background-color:           #525252;
    text-align: 								left;
}

ul#nav li
{
    display:                    block;
    float:                      left;
    margin:                     0px;
    padding:                    0px;
    text-align: 								left;
}

ul#nav li a:link,
ul#nav li a:visited
{
    display:                    block;
    float:                      left;
    margin-left:                20px;
    padding-left:               20px;
    padding-right:              7px;
    padding-top:                4px;
    padding-bottom:             4px;
    background-image:           url('../img/bullet.gif');
    background-repeat:          no-repeat;
    background-position:        7px center;
    color:                      #ffffff;
    font-size:                  13px;
    font-weight:                bold;
    text-decoration:            none;
}

ul#nav li a:hover,
ul#nav li a:active,
ul#nav li.open a:link,
ul#nav li.open a:visited,
ul#nav li.open a:hover,
ul#nav li.open a:active
{
    background-color:           #666666;
    text-decoration:            none;
}

ul#nav li ul
{
    clear:                      left;
    float:                      left;
    position:                   absolute;
    visibility:                 hidden;
    margin:                     0px;
    margin-top:                 22px;
    padding:                    0px;
}

ul#nav li.open ul
{
    visibility:                 visible;
}

ul#nav li ul li
{
    clear:                      left;
    float:                      left;
    margin:                     0px;
    padding:                    0px;
}

ul#nav li ul li a:link,
ul#nav li ul li a:visited
{
width:150px;
    padding-top:                3px;
    padding-bottom:             3px;
    border-top:                 1px solid #666666;
    background-color:           #525252 !important;
    background-image:           url('../img/bullet_small.gif');
    background-repeat:          no-repeat;
    background-position:        9px center;
    font-size:                  11px;
    font-weight:                normal;
}

ul#nav li ul li a:hover,
ul#nav li ul li a:active
{
    background-color:           #666666 !important;
}

div#content
{
    clear:                      both;
    padding:                    10px;    
    text-align: 								left;
/*
background-color:red;
*/
}

div#content h2
{
    margin:                     0px;
    margin-top:                 10px;
    margin-bottom:              20px;
    padding:                    0px;
    font-size:                  20px;
}

div#rightpane
{
    float:                      right;
    width:                      200px;
    padding:                    10px;
    padding-left:               0px;
/*
background-color:green;
*/
}

div#footer
{
    clear:                      both;
    float:                      left;
    width:                      100%;
    border-top:                 5px solid #C8C8C8;
    background-color:           #525252;
    color:                      #C79103;
    font-size:                  11px;
    font-weight:                bold;
}

div#footer hr
{
    display:                    none;
}

div#footer p,
div#footer a:link,
div#footer a:visited
{
    display:                    block;
    float:                      left;
    margin-left:                2px;
    margin-right:               25px;
    margin-top:                 0px;
    margin-bottom:              0px;
    padding-left:               3px;
    padding-right:              3px;
    padding-top:                0px;
    padding-bottom:             1px;
    color:                      #C79103;
    text-decoration:            none;
}

div#footer a:hover,
div#footer a:active
{
    text-decoration:            underline;
}


div.whitebox {

	background-color: #FFFFFF; 
  padding: 4px;
}


div.shadow {
  background-image:           url('../img/schatten_rechts.gif');
  background-repeat:          no-repeat;
  background-position:        194px 0px;
}

div.bottomshadow {
	
  background-image:           url('../img/schatten_unten.gif');
  background-repeat:          no-repeat;
}

div.phone {

		font-size: 14px;
		font-weight: bold;

}


h3 {

	margin: 0px;
	padding: 0px;
	margin-bottom: 4px;
	font-size: 14px;	

}

.teaser {
 	font-size: 12px;
}

h4 {
	font-size: 13px;
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: 7px;
}


h5 {
	text-align: left;	
	color: black;
	font-size: 14px;
	margin: 0px;
	padding: 0px;
	margin-bottom: 4px;
}

h6 {
	text-align: left;	
	color: black;
	font-size: 14px;
	margin: 0px;
	padding: 0px;
	margin-bottom: 4px;
  padding-left:               20px;
  background-image:           url('../img/bullet.gif');
  background-repeat:          no-repeat;
  background-position:        7px center;
}

.abs {
	margin-left: 20px;
}