/* CSS Datei für offroad-factory.com */

html {
height:100%;
}

body {
margin: 0px;
padding: 0px;
font-family:verdana,tahoma,sans-serif;
}

#main {
border:0px solid red;
}

#head {
border:0px solid red;
border-bottom:1px solid #666666;
height:150px;
vertical-align:bottom;
padding:49px 0px 0px 0px;
background-image:url(../upload/img/bg_top.gif);
background-repeat:repeat-x;
}

#head #head_content {
width:800px;
height:150px;
border:0px solid green;
border-top:1px solid #666666;
border-left:1px solid #666666;
border-right:1px solid #666666;
margin:0px auto 0px auto;
padding:0px;
background-image:url(../upload/img/top_neu.jpg);
background-repeat:no-repeat;
}

#navline #nav {
width:800px;
height:22px;
margin:0px auto;
text-align:right;
}

#content {
border:0px;
border-top:1px solid #666666;
background-image:url(../upload/img/bg_bottom.gif);
background-repeat:repeat-x;
height:350px;
}


#content #content_illu {
width:800px;
margin:0px auto;
border:0px;
border-left:1px solid #666666;
border-right:1px solid #666666;
border-bottom:1px solid #666666;
}

#content #content_text {
width:800px;
margin:0px auto;
border:0px;
padding:1px 0px;
border-left:1px solid #666666;
border-right:1px solid #666666;
border-bottom:1px solid #666666;
}


/* Content Bereich Definition 3 Spaltig */
#col_1, #col_2, #col_3 {
width:33.3%;
float:left;
border:0px solid red;
}

/* Content Bereich Definition 2-Spaltig Teaser rechts */
#col_teaser_1 {
width:75%;
float:left;
border:0px solid red;
}

#col_teaser_2 {
width:25%;
float:left;
border:0px solid red;
}

/* Content Bereich Definition 2-Spaltig Navigation links */
#col_nav_1 {
width:25%;
float:left;
border:0px solid red;
}

#col_nav_2 {
width:75%;
float:left;
border:0px solid red;
}

/* Spalte über die gesamte Breite */
#col_full {
width:100%;
}

/* Inhalts Box für jedes Layout */
.c_box {
margin:5px;
padding:5px;
border:1px solid #999999;
}




/* Clear für alle Mehspalten-Layouts */
.clear {
clear:both;
}




/* Footer */
#footer {
width:800px;
margin:0px auto;
border:0px;
border-left:1px solid #666666;
border-right:1px solid #666666;
border-bottom:1px solid #666666;
text-align:right;
}






/* ####################################################################################################### */
/* Inhaltsdefinitionen, Text, Listen, Links und vieles Mehr */
/* ####################################################################################################### */

/* Für alle Inhalte die in der Klasse c_box enthalten sind... das dürften alle Textinhalte sein. */
.c_box {
font-size:0.8em;
}
.c_box * img, .c_box img {
margin:0px 4px 4px 4px;
}
.c_box * img:after, .c_box img:after {
clear:both;
}

.c_box h1 {
margin:0px;
padding:0px 0px 3px 0px;
font-size:1.3em;
font-style:italic;
}
.c_box h2 {
margin:0px;
padding:0px 0px 3px 0px;
font-size:1.2em;
font-weight:bold;
font-style:italic;
}
.c_box h3 {
margin:0px;
padding:0px 0px 3px 0px;
font-size:1.1em;
font-weight:bold;
}

.c_box p {
margin:0px;
padding:0px;
}

.c_box ul {
list-style-type:square;
}


/* Footertextdefinition */
#footer .footertext {
font-size:0.7em;
color:#666666;
font-weight:bold;
padding:3px;
}
#footer .footertext a {
text-decoration:none;
color:#999999;
}
#footer .footertext a:hover {
color:#666666;
}



/* ####################################################################################################### */
/* Definition für die Navigation oberer Teil nur die erste Ebene */
/* ####################################################################################################### */
#nav ul {
border:0px solid red;
height:18px;
margin:0px;
padding:4px 0px 0px 0px;
font-family:verdana, arial, tahoma, sans-serif;
font-weight:bold;
font-style:italic;
font-size:12px;
color:#333333;
}
#nav ul li {
display:inline;
border:0px solid blue;
margin:0px 0px 0px 2px;
}

#nav ul li a {
text-decoration:none;
border:1px solid #FFFFFF;
padding:1px 4px 1px 4px;
margin:0px;
color:#666666;
}
#nav ul li a:hover {
border:1px solid #D2D2D2;
background-color:#E2E2E2;
}


/* ####################################################################################################### */
/* Definition für die Navigation zweite und weitere Ebenen */
/* ####################################################################################################### */
ul.leftnavi {
padding:0px;
margin:0px;
list-style-type:none;
font-weight:bold;
}

ul.leftnavi li {
margin:0px 0px 4px 0px;
}

ul.leftnavi li a {
text-decoration:none;
font-size:1.0em;
font-style:italic;
color:#666666;
border-bottom:1px dashed #333333;
}

ul.leftnavi li a:hover {
text-decoration:none;
font-size:1.0em;
font-style:italic;
color:#666666;
border-bottom:1px solid #666666;
}