/* reifen hohmann - main stylesheet */
/* ========================================================= */

/* External Reset and Preset CSS */

@import url('preset.css');

/* Base Defines */

html, body {
height : 100%;
}
body {
color : #ccc;
background : #1a1a1a url(../images/bg_grad.jpg) top repeat-x;
font-family : "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size : 12px;
}
#page {
background : #1a1a1a url(../images/bg_tire.jpg) top right no-repeat;
width : 940px;
padding : 40px 10px 0;
margin : 0 auto;
}

/* Link Styles */

a, a:link, a:visited, a:active { color : #90b5e3; }
a:hover { color : #fff; }

/* Typography */

p {
line-height : 18px;
}
h1 {
color : #ff8000;
font-size : 24px;
font-weight : bold;
letter-spacing : -1px;
}
h2 {
color : #fff;
font-size : 18px;
font-weight : bold;
margin : 0 0 10px;
text-transform : uppercase;
}
h2 small {
margin : 0 0 10px;
text-transform : none;
}
h3 {
color : #fff;
font-size : 14px;
line-height : 20px;
font-weight : bold;
margin : 0 0 10px;
}
h4 {
color : #90b5e3;
font-size : 10px;
padding : 0 0 8px;
margin : 0 0 10px;
background : url(../images/divider-dotted01.gif) repeat-x bottom;
}
small { font-size : 10px; line-height : 14px; }
strong { font-weight : bold; }
hr {
background : url(../images/divider-dotted01.gif) repeat-x 0 0;
display : block;
height : 1px;
margin : 20px 0 10px;
}

/* Shared Styles */

.wrapper {
background : url(../images/divider-dotted01.gif) repeat-x 0 0;
padding : 20px 0;
float : left;
}

/* Navigation Layout */

#navigation{
background : #1a1a1a url(../images/bg_menu.jpg) right no-repeat;
height : 40px;
padding : 0 10px;
border-top : 1px solid #333333;
}
.ddsmoothmenu{
height : 40px;
position : absolute;
z-index : 80;
}
.ddsmoothmenu ul{
z-index : 50;
}
.ddsmoothmenu ul li{
margin-right : 15px;
position : relative;
float : left;
}

/*==================== menu link classes ====================*/

.ddsmoothmenu ul li.start{
background:url(../images/menu_start.jpg) left no-repeat;
text-indent:-200000px;
width:90px;
}
.ddsmoothmenu ul li.start a:hover{
background:url(../images/menu_start_hover.jpg) left no-repeat;
}
.ddsmoothmenu ul li.about{
background:url(../images/menu_about.jpg) left no-repeat;
text-indent:-200000px;
width:130px;
}
.ddsmoothmenu ul li.about a:hover{
background:url(../images/menu_about_hover.jpg) left no-repeat;
}
.ddsmoothmenu ul li.angebote{
background:url(../images/menu_angebote.jpg) left no-repeat;
text-indent:-200000px;
width:130px;
}
.ddsmoothmenu ul li.angebote a:hover{
background:url(../images/menu_angebote_hover.jpg) left no-repeat;
}
.ddsmoothmenu ul li.info{
background:url(../images/menu_info.jpg) left no-repeat;
text-indent:-200000px;
width:130px;
}
.ddsmoothmenu ul li.info a:hover{
background:url(../images/menu_info_hover.jpg) left no-repeat;
}
.ddsmoothmenu ul li.kontakt{
background:url(../images/menu_kontakt.jpg) left no-repeat;
text-indent:-200000px;
width:130px;
}
.ddsmoothmenu ul li.kontakt a:hover{
background:url(../images/menu_kontakt_hover.jpg) left no-repeat;
}
.ddsmoothmenu ul li.shop{
background:url(../images/menu_shop.jpg) left no-repeat;
text-indent:-200000px;
width:130px;
/*
position:absolute;
right:-250px;
top:0;
*/
}
.ddsmoothmenu ul li.shop a:hover{
background:url(../images/menu_shop_hover.jpg) left no-repeat;
}

/*==================== menu link classes fix ====================*/

.ddsmoothmenu ul li.start ul li a:hover,
.ddsmoothmenu ul li.about ul li a:hover,
.ddsmoothmenu ul li.angebote ul li a:hover,
.ddsmoothmenu ul li.info ul li a:hover,
.ddsmoothmenu ul li.kontakt ul li a:hover,
.ddsmoothmenu ul li.shop ul li a:hover{
background:#0d0d0d;
}

/*==================== menu defines ====================*/

.ddsmoothmenu ul li a{
background:none;
height:40px;
display:block;
}
.ddsmoothmenu ul li a:hover{
background:none;
}
* html .ddsmoothmenu ul li a{
display:block;
}
.ddsmoothmenu ul li ul{
position:absolute;
left:0;
display:none;
visibility:hidden;
}
.ddsmoothmenu ul li ul li{
background:none;
float:none;
text-indent:0px;
display:block;
}
.ddsmoothmenu ul li ul li ul{
top:0;
}
.ddsmoothmenu ul li ul li a{
background:#141414;
width:110px;
height:20px;
padding:5px 10px;
margin:0;
color:#808080;
font-size:11px;
line-height:22px;
}
.ddsmoothmenu ul li ul li a:hover{
background:#0d0d0d;
color:#fff;
}

/* Top Layout */

#top .wrapper .box {
margin : 0 10px;
}
#top .wrapper .box img {
display : block;
}
#top .wrapper .logo {
width : 364px;
}
#top .wrapper .logo img {
margin : 0 0 8px;
}
#top .wrapper .sub {
width : 160px;
float : left;
display : inline /* ie6 bugfix */
}
#top .wrapper .box a {
display : block;
margin : 0 0 10px;
}
#top .wrapper .logo,
#top .wrapper .box a {
background : #0d0d0d url(../images/bg_noise_5.jpg) repeat;
padding : 7px;
border : 1px solid #333;
}

/* Content Layout */

#content p,
#TB_window p {
margin : 0 0 10px;
}
#content ul,
#TB_window ul {
margin : 0 0 10px;
}
#content ul.chart li,
#TB_window ul.chart li {
padding : 8px 0;
border-bottom : 1px solid #444;
}
#content ul.chart li:last-child,
#TB_window ul.chart li:last-child {
border-bottom : 0 none;
}
#content li,
#TB_window li {
list-style : disc;
line-height : 20px;
margin : 0 0 0 20px;
}
#content ul.download li,
#TB_window ul.download li {
padding : 8px 0;
list-style : none;
margin : 0;
border-bottom : 1px solid #444;
}
#content ul.pdf li,
#TB_window ul.pdf li {
background : url(../images/ico_pdf.gif) no-repeat 0 10px;
padding : 8px 0 8px 20px;
}
#content ul.dl li,
#TB_window ul.dl li {
background : url(../images/ico_dl.gif) no-repeat 0 10px;
padding : 8px 0 8px 20px;
}
#content table,
#TB_window table {
margin : 0 0 10px;
}
#content tr,
#TB_window tr {
}
#content td,
#TB_window td {
padding : 8px 0;
border-bottom : 1px solid #444;
}
#content td h2,
#TB_window td h2 {
margin-left : 5px;
margin-right : 5px;
}
#content .container {
background : #333 url(../images/bg_content.jpg) bottom left no-repeat;
padding : 8px;
margin : 0 10px;
}
#content .main,
#TB_window .main {
width : 544px;
}
#content .main h2,
#TB_window .main h2 {
background : #0d0d0d url(../images/bg_noise_10.jpg) repeat;
padding : 4px;
display : block;
}
#content .main img,
#TB_window .main img {
margin : 10px 0 20px;
}
#content .main,
#content .sidebar {
margin-bottom : 20px;
}
#content .sidebar {
width : 324px;
}
#content .sidebar.nobg {
background : #333;
}
#content .sidebar h2 {
padding : 4px 0;
display : block;
}
#content .sidebar .adlist,
#content .sidebar .boxlist {
width : 142px;
padding : 5px;
margin : 0 5px 10px;
float : left;
position : relative;
}
#content .sidebar .boxlist {
background : #0d0d0d url(../images/bg_noise_5.jpg) repeat;
}
#content .sidebar .boxlist img {
margin : 0 0 5px;
}
#content .sidebar .boxlist p {
margin : 0;
}
#content .sidebar .boxlist .info {
background : #1a1a1a;
width : 142px;
padding : 5px;
display : none;
position : absolute;
top : 112px; left : 0;
z-index : 50;
}
#content .sidebar .boxlist .info p {
color : #90b5e3;
font-size : 10px;
padding : 0 0 2px;
margin : 0 0 6px;
border-bottom : 1px solid #333;
}
#content .sidebar .boxlist ul li {
font-size : 10px;
line-height : 14px;
margin : 0 0 0 14px;
}
#content .second {
margin-top : 20px;
}

/* Footer Layout */

#footer {
background : url(../images/divider-dotted01.gif) repeat-x 0 0;
padding : 20px 10px;
}

/* Contact Form */

#contactform {
width : 364px;
}
#contactform div {
margin : 10px 0;
clear : both;
}
#contactform input,
#contactform textarea,
#contactform select {
color : #333;
background : #fff;
width : 354px;
padding : 4px;
font-size : 12px;
line-height : 18px;
border : 1px solid #000;
}
#contactform input#submit {
color : #000;
background : #fff;
width : 60px;
cursor : pointer;
}

/* Tooltip */

#tooltip {
background : #0d0d0d url(../images/bg_noise_10.jpg) repeat;
padding : 5px;
position : absolute;
z-index : 1000;
border : 1px solid #000;
}
#tooltip p {
color : #ccc;
}

/* Thickbox */

#TB_overlay {
position: fixed;
z-index:100;
top: 0px;
left: 0px;
height:100%;
width:100%;
}
.TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;}
.TB_overlayBG {
background-color:#000;
filter:alpha(opacity=75);
-moz-opacity: 0.75;
opacity: 0.75;
}
* html #TB_overlay { /* ie6 hack */
position: absolute;
height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_window {
position: fixed;
background : #333;
z-index: 102;
display:none;
border: 2px solid #000;
top:50%;
left:50%;
}
* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_window img#TB_Image {
display:block;
margin: 15px 0 0 15px;
}
#TB_caption{
height:25px;
padding:7px 30px 10px 25px;
float:left;
}
#TB_closeWindow{
height:25px;
padding:11px 25px 10px 0;
float:right;
}
#TB_closeAjaxWindow{
padding:7px 10px 5px 0;
margin-bottom:1px;
text-align:right;
float:right;
}
#TB_ajaxWindowTitle{
float:left;
padding:7px 0 5px 10px;
margin-bottom:1px;
}
#TB_title{
color:#aaa;
background-color:#1a1a1a;
height:27px;
}
#TB_ajaxContent{
clear:both;
padding:2px 15px 15px 15px;
overflow:auto;
text-align:left;
line-height:1.4em;
}
#TB_ajaxContent.TB_modal{
padding:15px;
}
#TB_ajaxContent p{
padding:5px 0px 5px 0px;
}
#TB_load{
position: fixed;
display:none;
height:13px;
width:208px;
z-index:103;
top: 50%;
left: 50%;
margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}
* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_HideSelect{
z-index:99;
position:fixed;
top: 0;
left: 0;
background-color:#fff;
border:none;
filter:alpha(opacity=0);
-moz-opacity: 0;
opacity: 0;
height:100%;
width:100%;
}
* html #TB_HideSelect { /* ie6 hack */
position: absolute;
height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_iframeContent{
clear:both;
border:none;
margin-bottom:-1px;
margin-top:1px;
_margin-bottom:1px;
}