/*===== Template =====*/

* html img,
* html .png{
position:relative;
behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
this.src = "transparent.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
this.runtimeStyle.backgroundImage = "none")),this.pngSet=true)
);
}

#main {
width: 970px;
min-height:800px;
text-align: left;
line-height:18px;
}

#header {
text-align: left;
margin-top: 0px;
margin-bottom: 10px;
}

#footer {
background: url(http://www.carsandfriends.net/images/bg_footer.jpg) no-repeat center;
}

#footer a {
color: #FFF;
text-decoration: none;
}
#footer a:hover {
text-decoration: underline;
}

#shaddow {
height:8px;
background: white url('../images/shaddow.gif');
}

a {
color: #b71919;
}

#lightimg img {
opacity:0.5;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
}
#lightimg img:hover {
opacity:1;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
}

body {

margin: 0;

padding: 0;
background: url(http://www.carsandfriends.net/images/bg.jpg) top repeat-x;


}




html {
min-height: 101%;
}

.small {
font-size: 11px;
color: #000;
font-family:Verdana, Geneva, sans-serif;
text-decoration:none;
}

form {
display: inline;
}

.formbutton {
cursor: pointer;
font-size: 11px;
font-weight: bold;
letter-spacing: 1px;
border: outset 1px #ccc;
background: #999;
color: #666;
height: 22px;
background:url(../images/form_bg.gif) repeat-x left top;
}

body, td, div {
font-family: Tahoma, Geneva, sans-serif;
font-size: 13px;
color: #656565;
}





/*===== Menubar =====*/

.container { width: 990px; margin: 0 auto; font-family:Verdana, Geneva, sans-serif;}
ul#topnav { margin: 0; padding: 0;float: left;width: 990px;list-style: none;position: relative;font-size: 13px;  font-family:Verdana, Geneva, sans-serif;}
ul#topnav li { float: left;margin: 0; padding: 0; }
ul#topnav li a { padding: 6px 5px; margin-left:5px;display: block;color: white;text-decoration: none; }
ul#topnav li:hover { background: #A7DDF8; }
ul#topnav li span { float: left;padding: 10px 0;position: absolute;font-size: 12px;left: 0; top:28px;display: none;width: 990px;background: #A7DDF8;color: #fff;-moz-border-radius-bottomright: 8px;-khtml-border-radius-bottomright: 8px;-webkit-border-bottom-right-radius: 8px;-moz-border-radius-bottomleft: 8px;-khtml-border-radius-bottomleft: 8px;-webkit-border-bottom-left-radius: 8px; }
ul#topnav li:hover span { display: block; }
ul#topnav li span a { display: inline; -moz-border-radius:5px;-khtml-border-radius:5px;-webkit-border-radius:5px;border-radius:5px; color:black;  }
ul#topnav li span a:hover { background: #DDF1FA; color:black; }

.menubar {
width:100%;
}
.suckertreemenu ul{
margin: 0;
padding: 0;
list-style-type: none;
}
.suckertreemenu ul li{
position: relative;
display: inline;
float: left;
z-index: 2;
}
.suckertreemenu ul li a{
display: block;
padding: 5px 12px;
border-left-width: 0;
text-decoration: none;
color: white;
font-family:Verdana, Geneva, sans-serif;
}
.suckertreemenu ul li ul{
left: 0;
position: absolute;
top: 1em;
display: block;
visibility: hidden;
}
.suckertreemenu ul li ul li{
display: list-item;
float: none;
}
.suckertreemenu ul li ul li ul{ 
left: 159px;
top: 0;
}
.suckertreemenu ul li ul li a{
display: block;
width: 140px;
color: black;
background-color: #f0f0f0;
text-decoration: none;
font-size: 11px;

border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}
.suckertreemenu ul li a:hover{

color: #e36d6d;
}





/*===== Seitennummerierung =====*/

#seiten {
font-size:11px;
}
#seiten a {
display:block;
background-color:white;
text-decoration:none;
float:left;
border:1px solid #9f9f9f;-moz-border-radius:5px;-khtml-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;
padding:3px;
padding-left:7px;
padding-right:7px;
margin:3px;
}
#seiten a:hover {
background-color:#d8d8d8;
}
#seiten #nolink {
opacity:0.4;filter:alpha(opacity=40)
display:block;
float:left;
border:1px solid #555;-moz-border-radius:5px;-khtml-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;
padding:3px;
padding-left:7px;
padding-right:7px;
margin:3px;
}
#seiten #current {
display:block;
background-color:#b71919;
float:left;
border:1px solid #b71919;-moz-border-radius:5px;-khtml-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;
padding:3px;
color:#FFF;
padding-left:7px;
padding-right:7px;
margin:3px;
}
#seiten #dots {
display:block;
float:left;
padding:3px;
margin:3px;
}





/*===== Facebox PopIn-Fenster =====*/

#facebox .b {
background:url(../images/b.png);
}
#facebox .tl {
background:url(../images/tl.png);
}
#facebox .tr {
background:url(../images/tr.png);
}
#facebox .bl {
background:url(../images/bl.png);
}
#facebox .br {
background:url(../images/br.png);
}
#facebox {
position: absolute;
width: 100%;
top: 0;
left: 0;
z-index: 100;
text-align: left;
}
#facebox .popup {
position: relative;
}
#facebox table {
margin: auto;
border-collapse: collapse;
width:auto;
}
#facebox td {
border-bottom: 0;
padding:3px;
}
#facebox .body {
padding: 10px;
background: #fff;
width: 370px;
}
#facebox .loading {
text-align: center;
}
#facebox .image {
text-align: center;
}
#facebox img {
border: 0;
margin: 0;
}
#facebox .header {
border-bottom: 1px solid #DDDDDD;
padding-top: 5px;
padding-bottom: 10px;
margin-bottom: 10px;
font-size: 12px;
font-weight: bold;
text-align: left;
}
#facebox .footer {
border-top: 1px solid #DDDDDD;
padding-top: 5px;
margin-top: 10px;
text-align: right;
}
#facebox .tl, #facebox .tr, #facebox .bl, #facebox .br {
height: 10px;
width: 10px;
overflow: hidden;
padding: 0;
}





/*===== Sternebewertungen =====*/

.star-rating,
.star-rating a:hover,
.star-rating a:active,
.star-rating a:focus,
.star-rating .current-rating{
background: url(../images/star.gif) left -1000px repeat-x;
}
.star-rating{
position:relative;
width:125px;
height:25px;
overflow:hidden;
list-style:none;
margin:0;
padding:0;
background-position: left top;
}
.star-rating li{
display: inline;
}
.star-rating a,
.star-rating .current-rating{
position:absolute;
top:0;
left:0;
text-indent:-1000em;
height:25px;
line-height:25px;
outline:none;
overflow:hidden;
border: none;
}
.star-rating a:hover,
.star-rating a:active,
.star-rating a:focus{
background-position: left bottom;
}
.star-rating .current-rating{
z-index:1;
background-position: left center;
}

.inline-rating{
display:-moz-inline-block;
display:-moz-inline-box;
display: inline-block;
vertical-align: middle;
}

.small-star{
width:50px;
height:10px;
}
.small-star,
.small-star a:hover,
.small-star a:active,
.small-star a:focus,
.small-star .current-rating{
background-image: url(../images/star_small.gif);
line-height: 10px;
height: 10px;
}






/*===== Sonstiges =====*/

.msg {background:#f0f0f0; margin-left:55px; margin-right:55px; margin-bottom:20px; }
.rtop, .rbottom{
display:block;
background:#fff;
}
.rtop *, .rbottom *{
display: block;
height: 1px;
overflow: hidden;
background:#f0f0f0;
}
.r1{margin: 0 5px}
.r2{margin: 0 3px}
.r3{margin: 0 2px}
.r4{
margin: 0 1px;
height: 2px
}


#z_wrapper {
width:100%;
margin-top:30px;
margin-bottom:5px;
}
.z_header {
border-bottom:1px solid #ccc;
text-align:center;
font-weight:bold;
}
.z_box {
width: 250px;
height:190px;
float: left;
padding: 10px;
border:1px solid #ccc;
-moz-border-radius-bottomright: 0px;-khtml-border-radius-bottomright: 0px;-webkit-border-bottom-right-radius: 0px;border-bottom-right-radius: 0px;-moz-border-radius-bottomleft: 0px;-khtml-border-radius-bottomleft: 0px;-webkit-border-bottom-left-radius: 0px;border-bottom-left-radius: 0px;
overflow:auto;
}
.z_box_mitte {
margin-left:17px;
margin-right:17px;
}

.youknow {
width: 250px;
height:160px;
float: left;
padding: 10px;
}