@CHARSET "UTF-8";
@IMPORT "navigation.css";
/* 
    Document   : defaults
    Created on : Mar 16, 2010, 3:08:58 PM
    Author     : Daniel Schwiperich
    Description:
        Layout and Elements
    Colors: #ff952e => Orange, #ffcc99 => Orange light
*/

* {
	margin: 0;
	padding: 0;
	border: 0;
	z-index: 0;
    font-style: normal;
}

body {
	font-size: 12px;
	font-family: 'Verdana', sans-serif;
    background: url(../images/site-bg.jpg) repeat #ccc;
    padding-top: 115px; text-align: center;
}

/* Layout */

#wrapper {
    width: 985px; min-height: 800px; margin: 0px auto;
    background: #fff;
    position: relative; text-align: left;
}

#header {
    background: url(../images/header-bg.png) no-repeat left bottom;
    height: 115px; width: 985px; overflow: visible;
    position: absolute; top: -115px; z-index: 2;
}

    #header #logos {
        height: 120px; overflow: visible;
    }

        #header #logos a {
            position: absolute; bottom: 1px; line-height: 0px;
        }
        #header #logos a#harley { left: 183px; }
        #header #logos a#buell { left: 281px; }
        #header #logos a:first-child { top: 0px; left: 0px;}

    #header address {
        font-size: 9px; color: #9e9e9e; line-height: 10px;
        display: block; width: 375px;
        position: absolute; left: 370px; bottom: 0px; letter-spacing: -1px;
    }
    
#footer {
    width: 100%; height: 200px;
    background: #333;
}

#container {
    position: relative; padding-bottom: 10px;
}

    #container #left {
        width: 190px;
        position: absolute; top: 105px; left: 0px; z-index: 10;
        text-align: center;
    }

    #container #left #btn-shop {margin-top: 15px; display: block; line-height: 0px; position: relative}
    #container #left #btn-shop img:first-child {/*opacity: 0.7;*/}
    #container #left #btn-shop #btn-shop-announcement { position: absolute; top: -30px; right: -10px; }
    #container #left #btn-hotline {margin-top: 15px; display: block; line-height: 0px;}

    #container #main {
        width: 795px; margin-left: 190px; padding-top: 25px;
        position: relative; z-index: 1;
        
    }

/* Content Elements */

#main .ce_text, #main .ce_table, #main .ce_form, #main .ce_downloads, #main .ce_download, #main .ce_gallery,
#main #news .layout_latest, #main .mod_newsreader, #main .mod_eventlist.event-list-start .event, #main .mod_eventlist.event-list-start,
#main .event-kalendar-start, #main .ce_frame, .event div.enclosure {
    background: url(../images/ce-default-bg.jpg) repeat-y top left;
    width: 765px;  padding: 0px 15px 10px;
    position: relative; border-bottom: 1px solid #fff;
    color: #fff; min-height: 50px;
}
#main .ce_frame {padding: 0px 0px 0px; width: 795px;}
#main div.enclosure p:first-child {padding-top: 15px;}
#main .ce_download {min-height: 0px; padding: 5px 15px 10px;}

#main .ce_text p {text-shadow: 0 0 1px #aaa;}
#main .ce_text p:first-child {padding-top: 5px;}

#main .ce_text .paper, #main .mod_newsreader > .paper, #main .mod_newslist > .paper, #main .mod_eventreader .event > .paper,
#main .event.paper-top > .paper, #main div.ce_frame.block > .paper, #main .ce_image > .paper {
    position: absolute; bottom: 0px; left: 0px; z-index: 10; top: auto;
    width: 795px; height: 19px;
    background: url(../images/paper-bottom.png) no-repeat bottom left;
}

#main div.paper-top .paper, #main div.ce_table .paper {
    position: absolute; top: -2px; left: 0px; z-index: 10;
    width: 795px; height: 18px;
    background: url(../images/paper-top.png) no-repeat top left;
}
#main .ce_text.paper-top, #main div.ce_table {padding-top: 15px;}
#main .ce_text.paper-top {padding-top: 0px; padding-bottom: 0px;}

.block > h2, .block > h3, .block > h4, .block > h5, .block > h6, #main .mod_eventlist.event-list-start .empty {
    font-size: 20px; line-height: 24px; text-indent: 15px;
    height: 26px; width: 795px; position: relative; left: -15px; margin-bottom: 15px;
    background: url(../images/ce-default-hl.png) repeat-x bottom;
    clear: both; border-top: 1px solid #fff;
    color: #ff952e; text-shadow: 0 0 1px #ff952e;
    padding-top: 2px;
}
.mod_article > h2, #main .mod_eventlist.event-list-start .empty {
    margin-left: 15px; margin-bottom: 1px;
}
.ce_table > h2, .ce_table > h3, .ce_table > h4 {
    border-top: 0px;
}
.paper-top > h2, .paper-top > h3, .paper-top > h4 {
    padding-top: 8px;
}
.ce_text > h1, .ce_table > h1, .ce_form .headline, .layout_full h1 {
    color: #ff952e; font-family: 'Georgia', serif; font-size: 40px; font-weight: normal;
    display: block; float: left; margin-bottom: 15px; width: 350px;
    text-shadow: 0 0 3px #ff952e;
}
.ce_form .headline {float: none;}
.ce_text > h1 + .float_right + * {clear: left;}
.ce_text > h1 + p {clear: left;}

.image_container a {line-height: 0;display: block;}
.ce_text .image_container.float_right {
    margin-right: -15px !important; padding-left: 25px;
}
.ce_text > h2 + .image_container.float_right, .ce_text > h3 + .image_container.float_right {
    margin-top: -15px !important;
}
.ce_text .image_container.float_right img {border-left: 1px solid #fff;}
.ce_text.noborder .image_container.float_right img {border-left: 0px;}

/* Tables */
#main .ce_table {
    padding-bottom: 20px;
}
#main .ce_table table {width: 100%;}
#main .ce_table thead th {
    color: #fb8f37; font-weight: bold; height: 25px; padding-top: 0px;
    border-bottom: 1px solid #666; vertical-align: top;
}
#main .ce_table th, #main .ce_table td {
    padding: 2px 4px;
}
#main .first-col-header table .col_first { font-weight: bold; vertical-align: top;}
#main .more-padding table td { padding-bottom: 8px;}

#main .ce_downloads p img, .ce_download .mime_icon {vertical-align: bottom;}

#main .ce_gallery table {border: 1px solid #fff; border-collapse: collapse;}
#main .ce_gallery table td{border: 1px solid #fff;}
#main .ce_gallery table td a {line-height: 0px; border: 0px;display: block;}
#main .ce_gallery table td a:hover {line-height: 0px; border: 0px;}
#main .ce_gallery table td a img {opacity: 0.7;}
#main .ce_gallery table td a:hover img{opacity: 1.0;}

.ce_image {position: relative;}
.ce_image .image_container {
    position: relative;
}
.ce_image .image_container .caption {
    position: absolute; background: #ff952e; color: #333; font-weight: bold;
    top: 0px; left: 0px; width: 100%; text-indent: 15px;
}
#main .ce_image h2 {
    margin-bottom: 0px; left: 0px;
}

#main .ce_teaser a.more { position: relative; bottom: 10px; }
#main .ce_teaser h3 {
    color: #ffffff; font-family: 'Georgia', serif; font-size: 24px; font-weight: normal;
    display: block; margin-bottom: 10px; background: none; padding-top: 5px;
    text-shadow: 0 0 3px #ff952e;
}

/* Elements */

.invisible {display:none;}

.clear {clear: both;}

p {margin-bottom: 15px;}

#main .block a {
    color: #fff; text-decoration: none;
    border-bottom: 2px solid #ffcc99;
}
#main .block a:hover {
    text-shadow:  0 0 3px #ff952e, -1px 0 0 #ff952e, 0 -1px 0 #ff952e, 0 1px 0 #ff952e, 1px 0 0 #ff952e;
    border-bottom: 2px solid #ff952e;
}
#main .image_container a, #main .block h2 a {border: 0;}
#main .image_container a:hover, #main .block h2 a:hover {border: 0; text-shadow: none;}

#main ul {
    list-style: outside;
    margin-left: 25px; margin-bottom: 15px;
}

h3 {color: #ff952e; margin-bottom: 10px; font-weight: bold;}
h4 {margin-bottom: 10px; font-weight: bold;}

em {font-style: italic;}

/* New Content Elements */

.ce_image_headline {
    height: 360px; width: 100%;
}

.ce_image_headline {
    height: 360px; width: 100%; position: relative;    
    border-bottom: 1px solid #fff;
}
.ce_image_headline .headline{
    font-size: 40px; line-height: 44px; color: #ff952e; font-family: 'Georgia', serif;
    width: 400px; position: absolute; top: 50px; left: 25px;
    text-shadow: 1px 0 0 #000,0 1px 0 #000,-1px 0 0 #000,0 -1px 0 #000,
        0 0 10px #000,0 0 10px #000,0 0 10px #000;
}
.ce_image_headline.hl-right .headline{right: 25px;left: auto; text-align:right;}

div.btn-price {
    position: absolute; top: 320px; right: -25px;
    width: 120px; height: 120px;
    background: url(../images/btn-price.png) no-repeat;
    text-align: center;
}

div.btn-price span {
    color: #ff952e; font-weight: bold; font-family: "Arial", sans-serif;
    font-size: 14px; letter-spacing: 0px;
    position: absolute; left: 27px; top: 42px;
    text-shadow: 1px 0px 0px #000, 0px 1px 0px #000, -1px 0px 0px #000, 0px -1px 0px #000, 0px 0px 3px #333;
    
}

iframe {background: transparent;}

/* Forms */
.ce_form {padding-bottom: 20px;}
input[type="hidden"] {display: none;}
label {display: inline-block; width: 190px; text-align: right; padding-right: 40px;}
input, label {height: 23px;margin-bottom: 5px;}
label {vertical-align: top; padding-top: 2px;}
label.mandatory {color: #ff952e}
input, select, textarea {
    display: inline-block; width: 230px; font-size: 16px; line-height: 18px;
    height: 18px; padding: 2px; border: 1px solid #fff;
}
select {width: 235px; height: 22px; padding: 0px;}
input:hover, select:hover, textarea:hover, input:focus, select:focus, textarea:focus {
    border: 1px solid #ff952e; color: #ff6600; background: #333;
}
input.submit {height: 22px;padding: 0px; width: 235px;}
.submit_container {padding-left: 234px;}
textarea {height: 80px;margin-bottom: 5px;}
select {height: 22px;}

.captcha_text {color: #ff952e; font-weight: bold; display: block; padding-left: 234px;}

p.error {float: right; clear: both; padding-top: 4px; font-weight: bold; width: 290px;}

/* News */
#main #news .layout_latest {
    position: relative;
    padding-bottom: 0px;
}
#main .mod_newsreader .layout_full h1 {width: 400px; padding-top: 10px;}
#main .mod_newsreader .layout_full h2 {display: inline-block;  margin-bottom: 15px; width: 370px; background: none; border: 0; left:0; font-style: italic;}
#main #news .layout_latest h2 a {text-shadow: 0 0 1px #fff;}
#main #news .layout_latest h2 a:hover {text-shadow: 0 0 3px #ff952e;}
#main #news .layout_latest p.info {
    position: absolute; top: 10px; right: 10px;
    font-style: italic; font-weight: bold; text-shadow: 0 0 3px #fff;
}
#main #news .layout_latest .image_container{
    position: relative; right: -15px;
    margin-top: -15px;
}
#main .layout_full {padding-top: 0px;}
#main .layout_full .image_container{
    position: relative; right: -15px; padding-bottom: 10px;
}
#main .layout_full .image_container img {border-left: 1px solid #fff;border-bottom: 1px solid #fff;}
.ce_news_text { clear: left; }
.mod_newslist {position: relative;}
#main .pagination {
    font-size: 12px; line-height: 14px; text-indent: 15px;
    height: 22px; width: 795px; position: relative; left: 0px; margin-bottom: 15px;
    background: url(../images/ce-default-hl.png) repeat-x;
    clear: both; border-top: 1px solid #fff;
    color: #ff952e; text-shadow: 0 0 1px #ff952e;
    padding-top: 6px;
}
#main .pagination * {display: block; height: 15px; margin: 0px; text-indent: 0px; font-weight: bold;}
#main .pagination ul, #main .pagination p {margin-left: 15px;  float: left;}
#main .pagination ul li {float: left;}
#main .pagination li {border-left: 1px solid #fff;}
#main .pagination li:first-child {border-left: 0px;}
#main .pagination li a, #main .pagination li span {border-bottom: 0px; padding: 0px 4px;}
#main .pagination li a:hover, #main .pagination li span {border-bottom: 0px; text-shadow: none; color: #ff952e; }

/* Events */
#main .mod_eventlist .event h2 {
    width: 100%; height: 25px; padding-top: 3px;
    background: url(../images/ce-default-hl.png) repeat-x;
}
#main .mod_eventlist .event h2 + * {clear: both;}
#main .mod_eventlist .event h2 a {
    width: 690px; float: left; text-indent: 5px;
    font-size: 18px; font-style: italic; text-shadow: 0 0 3px #ffcc99;
}
#main .mod_eventlist .date {
    width: 100px; float: right; font-size: 14px; margin-right: 4px;
    color: #ee6600; text-shadow: 0 0 3px #999; font-weight: bold;
}
#main .mod_eventlist .ce_text p.time, #main .event p.info {
    color: #ff952e; font-weight: bold; 
}
#main .mod_eventlist .ce_text p { padding-top: 5px; }
#main .event {position: relative;}
#main .event.paper-top .ce_text {padding-top: 15px;}
#main .mod_eventreader p.back a {color: #333; text-shadow: 0 0 3px #333;}
#main .mod_eventreader .event .image_container img, #main .mod_eventlist .event .image_container img {
    border-bottom: 1px solid #fff;
}
#main .mod_eventreader .event .image_container img {
    border-top: 1px solid #fff;
}
#main .mod_eventreader h1 {width: 100%; float: none;}


/* Ajax */
#cts_ajax_loading {
    position: fixed; width: 100%; height: 100%; top: 0; left: 0;
}
#cts_ajax_loading_overlay {
    position: absolute; left: 0; top: 0;
    height: 100%; width: 100%; background: #fff;
    opacity: 1;
}
#cts_ajax_loading h1 {
    background: url(../images/logo-toughstuff.png) no-repeat 0px 30px;
    width: 184px;height: 180px; position: absolute;
    top: 50%; left: 50%; margin-left: -92px; margin-top: -90px;
    text-shadow: 0 0 3px #333;
}

html {overflow-y: scroll;}

/* Pages */

/* Start */
#main #news.news-list-start .layout_latest, #main .mod_eventlist.event-list-start ,
#main .event-kalendar-start {
    width: 360px; float: left; overflow: hidden; padding: 0px 15px;
    height: 250px;
}
#main #news.news-list-start .layout_latest:first-child {margin-right: 15px;}
#main #news.news-list-start *:last-child {clear: left;}

#main #news.news-list-start .layout_latest h2 a, #main .mod_eventlist.event-list-start h2 a {
    font-size: 10px; 
}
#main #news.news-list-start .layout_latest p.info {display: none;}
#main #news.news-list-start {clear: left; height: 250px;}
#main #news.news-list-start p {font-size: 10px;}
#main #news.news-list-start img {border-bottom: 1px solid #fff; border-left: 1px solid #fff;}

#main .mod_eventlist.event-list-start h2 {margin-bottom: 0px; padding-left: 15px; }
#main .mod_eventlist.event-list-start p.time {padding-top: 5px; color: #ff952e; font-weight: bold;}
#main .mod_eventlist.event-list-start {padding: 0px; width: 390px;}
#main .mod_eventlist.event-list-start .event {height: 210px; width: 360px;}
#main .event-kalendar-start {margin-left: 15px; padding: 0px; width: 390px;}
#main .event-kalendar-start table {table-layout: auto; width: 100%; border-collapse: collapse;}
#main .event-kalendar-start table thead { background: url(../images/ce-default-hl.png) repeat-x top; }
#main .event-kalendar-start table thead tr:first-child th { height: 33px;   }
#main .event-kalendar-start table thead tr th { height: 31px; text-align: center;  }
#main .event-kalendar-start table thead tr th.label { font-weight: bold; color: #ff952e;  }
#main .event-kalendar-start table tbody td {text-align: center; height: 31px; vertical-align: middle; border: 1px solid #fff;}
#main .event-kalendar-start table tbody td.today { color: #ff952e; }
#main .event-kalendar-start table tbody td.active {background: #fff; color: #ff952e;}
#main .event-kalendar-start table tbody td.active a { color: #ff952e; text-decoration: none; border-bottom: none; font-weight: bold;}
#main .event-kalendar-start table tbody td.col_last {border-right: 0px;}
#main .event-list-start p.teaser {padding-top: 15px;}
#main .event-list-start .image_container {position: relative; right: -15px;}