/* GLOBAL RESET */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	background: transparent;
	border: 0;
	font-size: 100%;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
}
:focus {
	outline: 0;
}
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* GENERAL STYLES */
body {
    background: url(../img/body-bg.gif) no-repeat center top;
    color: #333;
    font-family: Verdana, Arial, sans-serif;
    font-size: 12px;
    line-height: 18px;
    text-align: center;
}
a {
    text-decoration: none;
}
img {
    border: 0;
}
strong {
    font-weight: bold;
}
.hidden {
    display: none;
}
.float-left {
    float: left;
}
.float-right {
    float: right !important;
}
img.float-left {
    margin: 0 10px 10px 0;
}
img.float-right {
    margin: 0 0 10px 10px;
}
.text-align-left {
    text-align: left;
}
.text-align-right {
    text-align: right;
}
sup {
    color: #666;
    font-size: 10px;
    font-weight: normal;
    line-height: 100%;
    vertical-align: top;
}
.btn {
    background: #003399;
    border: 0 !important;
    color: #FFF !important;
    display: block;
    float: left;
    font-family: Verdana, sans-serif;
    font-size: 12px;
    font-weight: bold !important;
    line-height: 18px;
    padding: 3px 6px;
    text-decoration: none !important;
}

/* BASIC POSITIONING */
.wrapper {
    margin: 0 auto;
    position: relative;
    text-align: left;
    width: 960px;
}
#logo h1 {
    position: absolute;
    right: 0;
    top: 20px;
    z-index: 3;
}
#navigation ul {
    left: 0;
    position: absolute;
    top: 74px;
    z-index: 3;
}
#image img {
    border-right: 10px solid #FFF;
    right: 0;
    position: absolute;
    top: 145px;
    z-index: 1;
}

#slideshow img {
	border-right:10px solid #FFFFFF;
	width: 700px !important;
	height: 300px !important;
}

.site #flash object {
    background: #FFF;
    right: 0;
    position: absolute;
    top: 145px;
    z-index: 1;
    width: 950px;
}
.start #flash object {
    right: 0;
    position: absolute;
    top: 145px;
    z-index: 1;
}
.video #flash object {
    right: 240px;
    width: 470px;
}
.panorama #flash .flash-wrapper {
    background: #FFF;
    right: 0;
    padding-right: 10px;
    position: absolute;
    top: 145px;
    z-index: 1;
    width: 700px;
}
.panorama #flash object {
    position: relative;
    left: 0;
    top: 0;
    width: 700px;
}
.video #flash #hymerVideo h1 {
    background-color: #FFF;
    border-bottom: 1px solid #CCC;
    color: #333;
    font-size: 11px;
    font-weight: bold;
    padding: 10px 10px 4px;
    position: absolute;
    right: 17px;
    top: 145px;m
    width: 203px;
    z-index: 2;
}
.video #flash #hymerVideo ul {
    background: #FFF;
    height: 262px;
    overflow: auto;
    padding: 5px 10px;
    position: absolute;
    right: 0;
    top: 145px;
    width: 220px;
}
.video #flash .hymertv ul {
    padding-top: 33px !important;
}
.video #flash #hymerVideo ul li {
    border-bottom: 1px solid #CCC;
    display: inline;
    clear: left;
    float: left;
    line-height: 15px;
    padding: 10px 0;
    width: 203px;
}
.video #flash #hymerVideo ul li a img {
    border: 2px solid #FFF;
    float: left;
    margin-right: 3px;
    position: relative !important;
    top: 0;
}
.video #flash #hymerVideo ul li a:hover img {
    border-color: #003A95;
}
.video #flash #hymerVideo ul li h2 a {
    border-bottom: 1px solid #abbedc;
    color: #003A95;
    font-size: 11px;
    font-weight: bold;
}
.video #flash #hymerVideo ul li h2 a:hover {
    border-bottom: 1px solid #003A95;
}
.video #flash #hymerVideo ul li span {
    font-size: 10px;
}
#flash img {
    border-right: 10px solid #FFF;
    right: 0;
    position: absolute;
    top: 145px;
    z-index: 1;
}

.img-noflash-360 {

    top: 0px !important; 
}

#flash object img {
    border-right: 10px solid #FFF;
    right: 0;
    position: absolute;
    top: 0px;
    z-index: 1;
}
#image div {
    right: 0;
    position: absolute;
    top: 145px;
    z-index: 1;
}
#headline h1 {
    background: url(../img/content-h1-bg.png) no-repeat;
    color: #FFF;
    font-size: 24px;
    font-weight: normal;
    left: 240px;
    line-height: 36px;
    position: absolute;
    top: 100px;
    width: 700px;
    z-index: 3;
}
#headline h1 {
    font-size: 30px;
    height: 36px;
    padding: 5px 10px 9px;
}
.wide #headline h1 {
    left: 0;
    width: 940px;
}
#content {
    float: left;
    border-bottom: 10px solid #FFF;
    margin-top: 455px;
    padding: 0 10px;
    position: relative;
    z-index: 2;
}
.col3 #content {
    background: url(../img/content-col1-bg.gif) repeat-y;
    padding: 0 20px 0 30px;
    width: 430px;
}    
.col2 #content {
    background: url(../img/content-col1-bg.gif) repeat-y;
    padding: 0 20px 0 30px;
    width: 670px;
}
.col1  #content {
    width: 960px !important;
}
.wide #content {
    padding: 0;
    width: 720px;
}
.start #content {
    width: 720px;
}
.slim #content {
    margin-top: 305px;
}
.blank #content {
    margin-top: 160px;
}
.panorama #content {
    margin-top: 590px;
}
.sidebar {
    float: left;
    padding-bottom: 10px;
    position: relative;
    width: 240px;
    z-index: 2;
}
.start .sidebar {
    margin-top: 405px !important;
}
.wide .sidebar {
    margin-top: 255px;
}
#footer {
    border-top: 1px solid #999;
    clear: both;
    float: left;
    overflow: hidden;
    width: 100%;
}

/* LANGUAGE */
#language {
    left: 10px;
    position: absolute;
    top: 20px;
    z-index: 4;
}
#language img {
    float: left; 
    margin-top: 3px;
}
#language form {
    float: left; 
    margin-left: 5px;
}
#language form select {
    color: #666; 
    font-size: 12px;
}

/* LOGO */
#logo h1 a {
    background: url(../img/logo-hymer-de.gif) no-repeat;
    display: block;
    height: 49px;
    text-indent: -999em;
    width: 184px;
}
#logo .en a {
    background-image: url(../img/logo-hymer-en.gif);
}
#logo .fr a {
    background-image: url(../img/logo-hymer-fr.gif);
}
#logo .nl a {
    background-image: url(../img/logo-hymer-nl.gif);
}
#logo .it a {
    background-image: url(../img/logo-hymer-it.gif);
}
#logo .es a {
    background-image: url(../img/logo-hymer-es.gif);
}
#logo .fi a {
    background-image: url(../img/logo-hymer-fi.gif);
}
#logo .no a {
    background-image: url(../img/logo-hymer-no.gif);
}
#logo .da a {
    background-image: url(../img/logo-hymer-da.gif);
}
#logo .sw a {
    background-image: url(../img/logo-hymer-sw.gif);
}

/* NAVIGATION */
#navigation ul {
    float: left;
}
#navigation ul li {
    float: left;
}
#navigation ul li a {
    background: #999;
    border-left: 1px solid #FFF;
    color: #FFF;
    display: block;
    float: left;
    font-size: 12px;
    line-height: 1;
    padding: 6px 10px 7px;
    text-decoration: none;
}
#navigation ul li a:hover {
    background: #666;
}
#navigation ul li.active a {
    background: #666;
    font-weight: bold;
    width: 219px;
}
#navigation #search a {
    background-image: url(../img/search-icon.gif);
    background-position: center;
    background-repeat: no-repeat;
    height: 11px;
    padding: 7px 8px;
    text-indent: -999em;
    width: 11px;
}
* html #navigation #search a {
    padding: 6px 8px 7px;
}
#navigation #search div {
    background: #999;
    border-left: 1px solid #FFF;
    display: none;
    float: left;
}
#navigation #search div #searchInput {
    background: #FFF;
    border: 5px solid #999;
    border-bottom: 4px solid #999;
    color: #333;
    float: left;
    font-family: Verdana;
    font-size: 12px;
    line-height: 1;
    padding: 1px;
}
#navigation #search div input#searchInput:focus {
    border-color: #666;
}
#navigation #search div #searchBtn {
    background: #999;
    border: 0;
    border-left: 1px solid #FFF;
    color: #FFF;
    float: left;
    font-family: Verdana;
    font-size: 12px;
    height: 25px;
    line-height: 1;
    margin: 0;
    padding: 0 6px 3px;
}
* html #navigation #search div #searchBtn {
    padding: 0;
}
#navigation #search div #searchBtn:hover {
    background: #666;
}

/* SUB-NAVIGATION */
#sub-navigation {
    float: left;
    padding: 108px 10px 10px;
    width: 220px;
}
#sub-navigation li {
    float: left;
    width: 220px;
}
#sub-navigation li a {
    border-bottom: 1px solid #CCC;
    color: #333;
    display: block;
    float: left;
    font-size: 12px;
    line-height: 1;
    padding: 6px 0;
    text-decoration: none;
    width: 220px;
}
#sub-navigation li a:hover {
    color: #003B96;
}
#sub-navigation li.active a {
    color: #003B96;
    font-weight: bold;
}
#sub-navigation li.active ul {
    border-bottom: 1px solid #CCC;
    float: left;
    padding: 0;
}
#sub-navigation li.active ul li a {
    border-style: dotted;
    color: #666;
    font-weight: normal;
    padding: 6px 0 6px 10px;
    width: 210px;
}
#sub-navigation li.active ul li a:hover {
    color: #003B96;
}
#sub-navigation li.active ul li.active a {
    color: #003B96;
    font-weight: bold;
}
#sub-navigation li.active ul li.last a {
    border: 0;
}
#sub-navigation li.active ul li.active ul {
    border-bottom: 1px dotted #CCC;
}
#sub-navigation li.active ul li.last ul {
    border-bottom: 0;
    border-top: 1px dotted #CCC;
}
#sub-navigation li.active ul li.active ul li a,
#sub-navigation li.active ul li.last ul li a {
    background: #FFF;
    border-bottom: 1px dotted #CCC;
    color: #666;
    font-weight: normal;
    padding: 6px 0 6px 20px;
    width: 200px;
}
#sub-navigation li.active ul li.active ul li a:hover {
    color: #003B96;
}
#sub-navigation li.active ul li.active ul li.active a {
    color: #003B96;
    font-weight: bold;
}
#sub-navigation li.active ul li.active ul li.last a {
    border: 0;
}

/* STATIC-NAVIGATION */
#static-navigation {
    float: left;
    padding: 10px 10px 3px;
}
.wide #static-navigation {
    background: #FFF;
    float: left;
    padding: 4px 3px 0 4px;
    width: 233px;
}
#static-navigation li {
    float: left;
}
#static-navigation li.last {
    margin-bottom: 3px;
}
#static-navigation li a {
    background: url(../img/triangle-white-bg.gif) no-repeat 10px 10px #003B96;
    border-bottom: 1px solid #FFF;
    color: #FFF;
    display: block;
    float: left;
    line-height: 1;
    padding: 6px 10px 7px 20px;
    width: 190px;
}
.wide #static-navigation li a {
    width: 203px;
}
#static-navigation li a:hover {
    background-color: #002764;
}

/* CONTENT */
#content h2 {
    color: #003A95;
    font-size: 15px;
    font-weight: bold;
    line-height: 24px;
    padding: 10px 0;
}
.start #content h2 {
    color: #333;
    font-size: 12px;
    font-weight: bold;
    line-height: 18px;
    padding: 10px 0;
}
#content h3 {
    font-weight: normal;
}
#content h4 {
    font-weight: bold;
}
#content p {
    padding: 0 0 10px;
}
#content .msgError {
    background: #ffe6e6 url(../img/msgError-bg.gif) no-repeat;
    border: 1px solid #CC0000;
    color: #CC0000;
    font-size: 11px;
    font-weight: bold;
    margin: 18px 0;
    padding: 10px;
}
#content .msgNotice {
    background-color: #E8ECF6;
    border: 1px solid #8BA2D1;
    color: #2E58AC;
    
    font-size: 11px;
    margin: 18px 0;
    padding: 10px;
}
#content .smallprint {
    color: #666;
    font-size: 11px;
}
#content a {
    border-bottom: 1px solid #ABBEDC;
    color: #003B96;
    font-weight: normal;
}
#content a:hover {
    border-color: #003B96;
}
#content a.more {
    background: url(../img/triangle-blue-bg.gif) no-repeat 0 5px;
    border: 0;
    color: #003B96;
    font-weight: normal;
    padding-left: 10px;
}
#content a.more span {
    border-bottom: 1px solid #ABBEDC;
}
#content a.more:hover span {
    border-color: #003B96;
}
#content a.pdf {
    background: url(../img/pdf-icon.gif) no-repeat;
    border: 0;
    color: #003B96;
    font-weight: normal;
    padding: 0 0 2px 21px;
}
#content a.pdf span {
    border-bottom: 1px solid #ABBEDC;
}
#content a.pdf:hover span {
    border-color: #003B96;
}
#content a.img {
    border: 0;
}
#content ul {
    padding: 10px;
}
#content .tabbedContent {
}
#content ul.tabsNav {
    background: url(../img/border-1px-solid-ccc-bg.gif) repeat-x left bottom;
    float: left;
    padding: 0;
    width: 100%;
}
#content ul li {
    background: url(../img/content-ul-li-bg.gif) no-repeat 0 10px;
    padding: 3px 12px;
}
#content ul.tabsNav li {
    background: #none;
    float: left;
    margin-right: 2px;
    padding: 0;
}
#content ul.tabsNav li a {
    background: #F1F1F1;
    border: 1px solid #CCC;
    border-bottom: 0;
    float: left;
    font-size: 11px;
    font-weight: bold;
    padding: 2px 10px 3px;
}
#content ul.tabsNav li a:hover {
    background: #FFF;
    color: #333;
}
#content ul.tabsNav li a.selected,
#content ul.tabsNav li a.selected:hover {
    background: #FFF;
    border: 1px solid #CCC;
    border-bottom: 0;
    color: #333;
    font-weight: bold;
    margin-top: 0;
    padding: 2px 10px 4px;
}
#content ul.pdf-list li {
    background: url(../img/pdf-icon.gif) no-repeat 0 5px;
    padding: 3px 22px;
}
#content ul.word-list li {
    background: url(../img/word-icon.gif) no-repeat 0 5px;
    padding: 3px 22px;
}
#content ul.feature-list {
    background: #F5F5F5;
    border: 1px solid #CCC;
    margin: 0 0 10px;
}
#content ul.feature-list li {
    background: url(../img/feature-list-li-bg.gif) no-repeat 0 7px;
    padding: 3px 22px;
}
#content ul.col3-list {
    float: left;
    margin: 10px 0;
    padding: 0;
    width: 100%;
}
#content ul.col3-list li {
    background: none;
    border: 1px solid #CCC;
    float: left;
    margin: 0 5px;
    padding: 10px 10px 0;
    width: 198px;
}
* html #content ul.col3-list li {
    display: inline;
}
#content ul.dealer-details-list {
    padding: 10px 0;
}
#content ul.dealer-details-list li {
    background: none;
    padding: 0;
}
#content ul#landauswahl {
    float: left;
    padding: 10px 0;
    width: 100%;
}
#content ul#landauswahl li {
    background: none;
    float: left;
    height: 25px;
    padding: 5px 0;
    width: 220px;
}
#content .tabContent {
    clear: both;
    float: left;
    width: 100%;
}
#content .hymertvTabContent {
    clear: both;
    float: left;
    padding: 8px 0 10px;
    width: 100%;
}
#content .hymertvTabContent ul {
    float: left;
    padding: 0;
}
#content .hymertvTabContent ul li {
    background: #F5F5F5;
    border: 1px solid #CCC;
    cursor: pointer;
    float: left;
    font-size: 11px;
    height: 140px;
    margin: 10px 10px 0 0;
    padding: 10px;
    width: 135px;
}
#content .hymertvTabContent ul li:hover {
    background: #FFF;
    border: 2px solid #003B96;
    padding: 9px;
}
#content .hymertvTabContent ul li.selected {
    background: #FFF;
    border: 2px solid #003B96;
    padding: 9px;
}
#content .hymertvTabContent ul li img {
    border: 0;
}
#content .hymertvTabContent ul li h2 {
    font-size: 11px;
    line-height: 18px;
    padding: 0;
}
#content .hymertvTabContent ul li h2 a {
    font-weight: bold;
}
#content address {
    font-style: normal;
    padding-bottom: 10px;
}
#content ul#searchResults li {
    background: none;
    padding: 5px 0;
}
#content ul#searchResults li .ajaxSearch_highlight {
    background: #f0ff00;
    font-weight: normal;
}

/* FORM OLD */
#content form {
    float: left;
    margin-top: 10px;
}
#content form.inline,
#content form#order {
    width: 100%;
}
#content form fieldset {
    float: left;
    margin-bottom: 10px;
    width: 100%;
}
#content form.inline fieldset {
    border: 1px solid #CCC;
    width: 668px;
}
#content form fieldset legend {
    color: #003B96;
    font-weight: bold;
}
#content form.inline fieldset legend {
    margin: 0 5px;
    padding: 0 5px; 
}
* html #content form fieldset legend {
    margin-left: -7px;
}
* html #content form.inline fieldset legend {
    margin-left: 0;
    padding: 0 3px;
}
#content form fieldset ol {
    float: left;
    padding-top: 10px;
    width: 100%;
}
#content form fieldset ol li {
    float: left;
    padding: 5px 0;
    width: 100%;
}
#content form.inline fieldset ol li {
    padding: 0 0 10px 10px;
    width: auto;
}
#content form fieldset ol li label {
    float: left;
    font-weight: bold;
}
#content form fieldset ol li label.inline {
    width: auto;
}
#content form fieldset ol li label.checkbox,
#content form fieldset ol li label.radio {
    padding: 0 5px;
}
#content form fieldset ol li label.select,
#content form fieldset ol li label.text,
#content form fieldset ol li label.textarea {
    width: 175px;
}
#content form#order fieldset ol li label.nr {
    width: 114px;
}
#content form#order fieldset ol li label.ort {
    width: 134px;
}
#content form#hc-order fieldset ol li label.ort {
    width: 125px;
}
#content form fieldset ol li label span {
    font-weight: normal;
}
#content form fieldset ol li input.checkbox,
#content form fieldset ol li input.radio {
    float: left;
    margin-left: 0;
    padding: 0;
}
#content form fieldset ol li input.text {
    border: 1px solid #999;
    float: left;
    margin: 0;
    width: 175px;
}
/*#content form fieldset ol li select {
    border: 1px solid #999;
    float: left;
    font-family: Verdana;
    font-size: 12px;
    padding: 1px;
}*/
#content form fieldset ol li textarea {
    border: 1px solid #999;
    float: left;
    font-family: Verdana;
    font-size: 12px;
    padding: 1px;
    width: 350px;
}
#content form.inline fieldset ol li .button {
    margin-top: 15px;
}
#content form fieldset ol li input:focus,
#content form fieldset ol li select:focus {
    border-color: #003B96;
}
#content form#order fieldset ol li input#strasse {
    margin-right: 5px;
    width: 114px;
}
#content form#order fieldset ol li input#nr {
    width: 50px;
}
#content form#order fieldset ol li input#plz,
#content form#hc-order fieldset ol li input#plz {
    margin-right: 5px;
    width: 50px;
}
#content form#order fieldset ol li input#ort,
#content form#hc-order fieldset ol li input#ort {
    width: 114px;
}
#content form#hc-order fieldset ol li input#land {
/*    margin-left: 5px;*/
    width: 84px;
}
#content form fieldset ol li div {
    float: left;
    width: 200px;
}
#content form fieldset ol li img {
    border: 1px solid #999;
    float: left;
    margin-bottom: 5px;
}
/* FORM STD */
#content form.std {
    float: left;
    margin: 0;
}
.col2 #content form.std {
    width: 670px;
}
.col3 #content form.std {
    width: 430px;
}
#content form.std fieldset {
    float: left;
    margin-bottom: 18px;
}
#content form.std fieldset h3 {
    color: #003399;
    font-size: 12px;
    font-weight: bold;
    margin-bottom: 4px;
}
.col2 #content form.std fieldset {
    width: 670px;
}
.col3 #content form.std fieldset {
    width: 430px;
}
#content form.std fieldset ol {
    border-bottom: 1px solid #CCC;
    border-top: 1px solid #CCC;
    float: left;
    padding: 0;
}
.col2 #content form.std fieldset ol {
    width: 670px;
}
.col3 #content form.std fieldset ol {
    width: 430px;
}
#content form.std fieldset ol li {
    background: #E5E5E5;
    margin-bottom: 1px;
    float: left;
    padding: 0;
}
#content form.std fieldset ol li.last {
    margin-bottom: 0;
}
.col2 #content form.std fieldset ol li {
    width: 670px;
}
.col3 #content form.std fieldset ol li {
    width: 430px;
}
#content form.std fieldset.inline-labels ol li .label-wrapper,
#content form.std fieldset.inline-labels ol li.row-labels .input-wrapper {
    float: left;
    padding: 7px 5px;
    text-align: right;
    width: 180px;
}
.col3 #content form.std fieldset.inline-labels ol li .label-wrapper,
.col3 #content form.std fieldset.inline-labels ol li.row-labels .input-wrapper {
    width: 180px;
}
#content form.std fieldset.inline-labels ol li .input-wrapper,
#content form.std fieldset.inline-labels ol li.row-labels .label-wrapper {
    float: right;
    padding: 7px 5px;
    width: 470px;
}
.col3 #content form.std fieldset.inline-labels ol li .input-wrapper,
.col3 #content form.std fieldset.inline-labels ol li.row-labels .label-wrapper {
    width: 230px;
}
#content form.std fieldset.inline-labels ol li.row-labels .label-wrapper {
    text-align: left;
}
#content form.std fieldset ol li label,
#content form.std fieldset ol li .label {
    color: #333;
    float: none;
    font-weight: bold;
}
#content form.std fieldset ol li label span,
#content form.std fieldset ol li .label span {
    color: #333;
    font-size: 11px;
    font-weight: normal;
}
#content form.std fieldset ol li .text {
    border: 1px solid #999;
    float: none;
    width: 200px;
}
#content form.std fieldset ol li .textarea {
    border: 1px solid #999;
    width: 300px;
}
.col3 #content form.std fieldset ol li .textarea {
    border: 1px solid #999;
    width: 200px;
}
#content form.std fieldset ol li .text:focus,
#content form.std fieldset ol li .textarea:focus {
    border-color: #003399;
}
#content form.std fieldset ol li #strasse,
#content form.std fieldset ol li #ort {
    margin: 0 !important;
    width: 150px !important;
}
#content form#hc-order fieldset ol li #strasse {
    width: 200px !important;
}
#content form#hc-order fieldset ol li #land {
    width: 115px !important;
}
#content form.std fieldset ol li #nr,
#content form.std fieldset ol li #plz {
    margin: 0 !important;
    width: 44px !important;
}
#content form.std fieldset ol li .checkbox,
#content form.std fieldset ol li .radio {
    float: none;
    margin-left: 0;
    margin-right: 0;
}
#content form.std fieldset ol li select {
    max-width: 400px;
}
#content form.std fieldset ol li .img {
    float: none;
    margin-bottom: 5px;
}
#content table {
    margin: 10px 0;
    width: 100%;
}
#content table tr th,
#content table tr td {
    padding: 3px 5px 4px 0;
}
#content table tbody td {
    border-top: 1px solid #CCC;
}
#content table#configuration tr th,
#content table#configuration tr td {
    border: 0;
    padding: 2px 5px;
}
#content table tr th {
    font-weight: bold;
    text-align: left;
}
#content table tr .price,
#content table tr .value {
    text-align: right;
}
#content table#configuration {
    width: 100%;
}
#content table#configuration tr .symbol {
    text-align: center;
    vertical-align: middle;
}
#content table#configuration  tbody tr th {
    background: #CCC;
    border-bottom: 2px solid #FFF;
}
#content table#configuration  tbody tr td {
    background: #F1F1F1;
    border-bottom: 2px solid #FFF;
}
#content table#configuration  tbody tr.tg-headline td {
    background: #CCC;
    border-left: 2px solid #FFF;
}
#content table#configuration  tfoot tr td {
    padding-top: 18px;
    vertical-align: top;
}
#content table#configuration tr .price,
#content table#configuration tr .symbol {
    border-left: 2px solid #FFF;
}
#content table.std th {
    background-color: #F0F0F0;
    vertical-align: middle;
}
#content table.std th,
#content table.std td {
    border: 1px solid #CCC;
    padding: 4px 10px;
}
#content table.align-center th,
#content table.align-center td {
    text-align: center;
}
#content #overview {
    float: left;
    margin: 0;
    padding: 0;
    width: 720px;
}
.col1 #content #overview {
    width: 960px;
}
#content #overview li {
    background: url(../img/content-col1-bg.gif) repeat-y;
    border-top: 10px solid #FFF;
    float: left;
    min-height: 280px;
    padding: 0 10px 10px;
    width: 220px;
}
* html #content #overview li {
    height: 280px;
}
.col1 #content #overview li {
    width: 172px;
}
#content #overview li h3 {
    font-weight: bold;
    padding: 10px 0 0 10px;
}
#content #overview li p {
    padding: 0 0 5px 10px;
}
#content #overview li a.img {
    background: #FFF;
    display: block;
}
.col1 #content #overview li a.img img {
    width: 172px;
}
#content #overview li a.more {
    margin-left: 10px;
}
#content #overview li ul {
    float: none;
    padding: 0 0 0 10px;
}
#content #overview li ul li {
    background: url(../img/triangle-blue-bg.gif) no-repeat 0 7px;
    border: 0;
    min-height: 0;
    padding: 0 0 0 10px;
    width: 200px;
}
* html #content #overview li ul li {
    height: auto;
}
.col1 #content #overview li ul li {
    width: 152px;
}
#content dl.plan-view {
    border: 1px solid #CCC;
    float: left;
    margin: 0 0 5px 0;
    padding: 9px;
    width: 650px;
}
#content dl.plan-view dt {
    color: #000;
    float: left;
    font-size: 14px;
    font-weight: bold;
    padding: 0 0 9px;
    /*width: 200px; */
	clear: both;
	width: 650px;
}
#content dl.plan-view dd {
    border-bottom: 1px solid #CCC;
    float: right;
    padding: 2px 0;
    width: 428px;
}
#content dl.plan-view dd.img {
    border: 0;
    float: left;
    width: 200px;
}
#content dl.plan-view dd.img a {
    border: 0;
}
#content dl.plan-view dd.link {
    border: 0;
    padding: 9px 0 0;
}
#content dl.plan-view dd span.attr {
    float: left;
    font-size: 11px;
    font-weight: bold;
}
#content dl.plan-view dd span.value {
    float: right;
    font-size: 11px;
}
#content #start-teaser {
    background: url(../img/content-col3-bg.gif) repeat-y;
    float: left;
    margin: 0 0 10px;
    padding: 0 0 10px;
    width: 100%;
}
#content #start-teaser li {
    background: none;
    float: left;
    padding: 0 10px 0 20px;
    width: 210px;
}
#content #start-teaser li h2 {
    border: 0;
}
#content #start-teaser li a.img {
    display: block;
    margin: 0 0 5px;
}
#content #start-teaser li a.img img {
    width: 210px;
}
#content #start-teaser li p {
    border: 0;
    float: left;
    padding: 0;
    width: 210px;
}
#content #start-boxes {
    background: #FFF;
    float: left;
    margin: 0;
    padding: 0;
    width: 100%;
}
#content #start-boxes li {
    background: none;
    border: 1px solid #CCC;
    float: left;
    margin: 0 10px;
    padding: 6px 10px 10px;
    width: 198px;
}

#content #start-boxes img {
    background: none;
    border: 0px;
    margin: 5px 0px 5px 0px;


}
* html #content #start-boxes li {
    display: inline;
}
#content #start-boxes li h2 {
    border-bottom: 1px solid #CCC;
    line-height: 1;
    padding: 0 0 7px;
}
#content #start-boxes li div {
    border-bottom: 1px solid #CCC;
    margin-bottom: 5px;
    min-height: 170px;
}
* html #content #start-boxes li div {
    height: 170px;
}
#content #start-boxes li p {
    padding: 10px 0;
}
#content #start-boxes li a.more {
}
#content #sitemap {
    float: left;
    padding: 0;
    width: 100%;
}
#content #sitemap li {
    background: url(../img/border-1px-solid-ccc-bg.gif) repeat-y 10px 0;
    float: left;
    overflow: hidden;
    padding: 0 10px 0 20px;
    width: 161px;
}
#content #sitemap li h2 {
    padding: 10px 0 0 0;
}
#content #sitemap li h2 a {
    font-weight: bold;
}
#content #sitemap li.level1 {
    width: 151px;
}
#content #sitemap li.level2 {
    width: 141px;
}
#content #sitemap li.level3 {
    width: 131px;
}
#content #sitemap li.level4 {
    width: 121px;
}
#content #sitemap li.level5 {
    width: 111px;
}
#content #sitemap li.level1 a {
    font-weight: bold;
}
#content #sitemap li.level2 a,
#content #sitemap li.level3 a,
#content #sitemap li.level4 a,
#content #sitemap li.level5 a {
    font-weight: normal;
}
#content #sitemap li ul {
    background: url(../img/border-1px-solid-ccc-bg.gif) repeat-y;
    border-bottom: 10px solid #FFF;
    border-top: 10px solid #FFF;
    float: left;
    padding: 0;
    width: 100%;
}
#content #sitemap li ul li {
    background: url(../img/sitemap-ul-li-bg.gif) no-repeat 0 10px;
    float: left;
    font-size: 11px;
    padding: 3px 0 3px 10px;
    width: auto;
}
#content .newsNavi {
	background-color:#FFFFFF;
	border:1px solid #CCCCCC;
	margin-left:10px;
	padding:10px;
	float: right;
	width: 125px;
	
}
#content .newsNavi li.active a.more{
	font-weight: bold !important;
}
#content .newslist {
    border-top: 1px solid #003A95;
}
#content .newslist li {
    background: none;
    border-bottom: 1px solid #ccc;
    padding: 10px 0 0;
}
#content .newslist .newsdatum {
    font-weight: bold;
}
#content .newslist em {
    font-weight: normal;
    font-style: italic;
    float: right;
}
#content .newslist p {
}
#content .more-wrap {
    background: #F1F1F1;
    border-bottom: 1px solid #CCC;
    margin-bottom: 18px;
    padding: 5px 0;
}
#content #pagination {
    background: url(../img/border-1px-solid-ccc-bg.gif) repeat-x;
    float: left;
    padding: 0 0 10px;
    width: 100%;
}
#content #pagination strong {
    color: #666;
    float: left;
    padding: 3px 10px 3px 0;
}
#content #pagination span {
    display: block;
    float: left;
    margin: 2px 1px 1px;
}
#content #pagination span.active {
    display: block;
    float: left;
    margin: 0;
}
#content #pagination span a {
    background: #FFF;
    border: 0;
    display: block;
    float: left;
    padding: 1px 7px;
}
#content #pagination span a:hover {
    background: #003B96;
    color: #FFF;
}
#content #pagination span.active a {
    background: #FFF;
    border-bottom: 1px solid #CCC;
    border-left: 1px solid #CCC;
    border-right: 1px solid #CCC;
    color: #666;
    font-weight: bold;
    padding: 3px 7px;
}
#content #Googlemap {
    margin-left: -20px;
    width: 710px !important;
}
* html #content #Googlemap {
	WIDTH: 680px! important
}
#content .news-wrap {
    margin-bottom: 18px;
}
#content .news-wrap img {
    float: left;
    margin: 0 10px 10px 0;
}

/* GALLERY */
#gallery {
    margin-top: 405px;
    float: left;
}
#gallery ul {
    background: #FFF;
    float: left;
    padding: 2px 0 10px 2px;
    width: 238px;
}
#gallery ul li {
    float: left;
}
#gallery ul li a {
    border: 2px solid #FFF;
    display: block;
    float: left;
    opacity: 0.5;
}
#gallery ul li a:hover {
    border-color: #003B96;
    opacity: 1;
}
#gallery ul li a img {
    width: 75px;
}
#gallery ul li.active a {
    opacity: 1;
}

#gallery ul li a.activeSlide {
    opacity: 1;
}

/* ICON-NAVIGATION */
#icon-navigation {
    margin-top: 405px;
    float: left;
}
#icon-navigation ul {
    background: #FFF;
    float: left;
    padding: 4px 3px 0 4px;
    width: 233px;
}
#icon-navigation ul li {
    float: left;
}
#icon-navigation ul li a {
    background-color: #999;
    background-image: url(../img/std-icon.gif);
    background-position: 5px 5px;
    background-repeat: no-repeat;
    border-bottom: 1px solid #FFF;
    color: #FFF;
    display: block;
    float: left;
    line-height: 1;
    padding: 6px 10px 7px 30px;
    width: 193px;
}
#icon-navigation ul li.interieur a {
    background-image: url(../img/interieur-icon.gif);
}
#icon-navigation ul li.exterieur a {
    background-image: url(../img/exterieur-icon.gif);
}
#icon-navigation ul li.plan a {
    background-image: url(../img/plan-icon.gif);
}
#icon-navigation ul li.equip a {
    background-image: url(../img/equip-icon.gif);
}
#icon-navigation ul li.view360 a {
    background-image: url(../img/view360-icon.gif);
}

#icon-navigation ul li.pdfdownload a {
    background-image: url(../img/pdfdownload-icon.gif);
}

#icon-navigation ul li.picturegallery a {
    background-image: url(../img/picturegallery-icon.gif);
}

#icon-navigation ul li.stoffansichten a {
    background-image: url(../img/stoffansichten-icon.gif);
}

#icon-navigation ul li.locatoricon a {
    background-image: url(../img/locatoricon.gif);
}

#icon-navigation ul li.videogallery a {
    background-image: url(../img/videogallery-icon.gif);
}

#icon-navigation ul li.sonderzinsen a {
    background-image: url(../img/sonderzinsen-icon.gif);
}

#icon-navigation ul li.config a {
    background-image: url(../img/config-icon.gif);
}
#icon-navigation ul li.press a {
    background-image: url(../img/press-icon.gif);
}
#icon-navigation ul li a:hover {
    background-color: #666;
}

/* ICON-KATA */
.icon-es, .icon-de, .icon-fr, .icon-no, .icon-sw,
.icon-it, .icon-fr, .icon-nl, .icon-fi, .icon-dk, .icon-gb, .icon-en  {
		padding-left:23px !important;
}
.icon-es {
	background: transparent url(../../images/flags/es.gif) no-repeat 0 2px;
}
.icon-de {
	background: transparent url(../../images/flags/de.gif) no-repeat 0 2px;
}
.icon-it {
	background: transparent url(../../images/flags/it.gif) no-repeat 0 2px;
}
.icon-fr {
	background: transparent url(../../images/flags/fr.gif) no-repeat 0 2px;
}
.icon-fi {
	background: transparent url(../../images/flags/fi.gif) no-repeat 0 2px;
}
.icon-nl {
	background: transparent url(../../images/flags/nl.gif) no-repeat 0 2px;
}
.icon-no {
	background: transparent url(../../images/flags/no.gif) no-repeat 0 2px;
}
.icon-dk {
	background: transparent url(../../images/flags/dk.gif) no-repeat 0 2px;
}
.icon-sw {
	background: transparent url(../../images/flags/se.gif) no-repeat 0 2px;
}
.icon-gb, icon-en {
	background: transparent url(../../images/flags/gb.gif) no-repeat 0 2px;
}

/* HÄNDLERSUCHE */
#traders {
    background: #FFF;
    float: left;
    padding: 0 10px 4px;
    width: 220px;
}
.wide #traders {
    padding: 3px 3px 0 4px;
    width: 233px;
}
#traders h3 {
    background: #406CB0;
    border-bottom: 1px solid #FFF;
    color: #FFF;
    float: left;
    line-height: 1;
    padding: 6px 10px 7px;
    width: 200px;
}
.wide #traders h3 {
    width: 213px;
}
#traders ol {
    background: #E5E5E5;
    border-bottom: 1px solid #CCC;
    float: left;
    padding: 5px 0;
    width: 220px;
}
.wide #traders ol {
    width: 233px;
}
#traders ol li {
    border-bottom: 1px solid #FFF;
    float: left;
    padding: 5px 10px;
    width: 200px;
}
.wide #traders ol li {
    width: 213px;
}
#traders ol li.last {
    border: 0;
}
#traders ol li label {
    float: left;
    font-size: 11px;
    font-weight: bold;
    line-height: 1;
    padding-bottom: 5px;
    width: 100%;
}
#traders ol li label.inline {
    line-height: 18px;
    padding: 0;
    width: auto;
}
#traders ol li input.text {
    border: 1px solid #999;
    float: left;
    font-family: Verdana;
    font-size: 12px;
    margin: 0;
    padding: 2px;
    width: 194px;
}
.wide #traders ol li input.text {
    width: 207px;
}
#traders ol li input:focus,
#traders ol li select:focus {
    border-color: #003B96;
}
#traders ol li select {
    border: 1px solid #999;
    float: left;
    font-family: Verdana;
    font-size: 12px;
    padding: 1px;
    width: auto;
}
#traders ol li #country {
    width: 200px;
}
.wide #traders ol li #country {
    width: 213px;
}
#traders ol li #radius {
    float: right;
}
#traders ol li button {
    float: right;
}

/* TEASER */
#teaser {
    float: left;
    margin-top: 405px;
}
.slim #teaser {
     margin-top: 255px;
}
.intern #teaser {
     margin-top: 0;
}
.gallery #teaser,
.icons #teaser {
    margin-top: 0;
}

#teaser dl {
    background: #FFF;
    float: left;
    padding: 4px 3px 0 4px;
    width: 233px;
}
#teaser dl dt {
    background: #406CB0;
    border-bottom: 1px solid #FFF;
    color: #FFF;
    float: left;
    font-weight: bold;
    line-height: 1;
    width: 233px;
}
#teaser dl dt span {
    display: block;
    float: left;
    padding: 6px 10px 7px;
}
#teaser dl dt.first {
    border-top: 0;
}
#teaser dl dd {
    background: #E5E5E5;
    border-bottom: 1px solid #CCC;
    float: left;
    font-size: 11px;
    margin-bottom: 10px;
    padding: 5px 10px 10px;
    width: 213px;
}
#teaser dl dd img {
    border-bottom: 4px solid #FFF;
    border-right: 4px solid #FFF;
    border-top: 3px solid #FFF;
    float: left;
    margin: -5px 10px 0 -10px;
}
#teaser dl dd img.wide {
    border-bottom: 4px solid #FFF;
    border-right: 0;
    border-top: 3px solid #FFF;
    float: left;
    margin: -5px -10px 5px -10px;
}
#teaser dl dd a.more,
#teaser dl dd a.pdf {
    background: url(../img/triangle-blue-bg.gif) no-repeat 0 5px;
    border: 0;
    color: #003B96;
    font-weight: normal;
    padding-left: 10px;
}
#teaser dl dd a.pdf {
    background: url(../img/pdf-icon.gif) no-repeat 0;
    padding: 2px 0 2px 22px;
}
#teaser dl dd a.more span,
#teaser dl dd a.pdf span {
    border-bottom: 1px solid #ABBEDC;
}
#teaser dl dd a.more:hover span,
#teaser dl dd a.pdf:hover span {
    border-color: #003B96;
}

/* BANNER */
#banner {
    float: left;
    padding: 2px 3px 2px 4px;
    width: 233px;
}
#banner ul {
    float: left;
    width: 100%;
}
#banner ul li {
    float: left;
    padding: 2px 0;
}
#banner ul li a {
    display:block;
}

/* FOOTER */
#footer p {
    color: #666;
    float: left;
    padding: 10px;
}
#footer ul {
    float: right;
}
#footer ul li {
    float: left;
}
#footer ul li a {
    background: url(../img/footer-ul-li-a-bg.gif) no-repeat 0 14px;
    color: #666;
    display: block;
    float: left;
    padding: 10px;
}
#footer ul li a:hover {
    color: #333;
}

/* ABAKUS */
.dynamic-slider-control {
    position: relative;
    /* background-color:	ThreeDFace;*/
    -moz-user-focus: normal;
    -moz-user-select: none;
    cursor: default;
}
.horizontal {
    width: 200px;
    height: 29px;
}
.slidershort {
    width: 80px;
    height: 29px;
}
.vertical {
    width: 29px;
    height: 200px;
}
.dynamic-slider-control input {
    display: none;
}
.dynamic-slider-control .handle {
    position: absolute;
    -moz-user-select: none;
    cursor: default;
    background: ThreeDFace;
    border: 1px solid;
    border-color: ThreeDHighlight ThreeDDarkShadow ThreeDDarkShadow ThreeDHighlight;
}
/* inner border */
.dynamic-slider-control .handle div {
	font-size: 1px;
	border: 1px solid;
	border-color: ThreeDLightShadow ThreeDShadow ThreeDShadow ThreeDLightShadow;	
	behavior: url("css/boxsizing.htc");	/* ie path bug */
	box-sizing: content-box;
	-moz-box-sizing: content-box;
}
/*	inner sets size
.dynamic-slider-control.horizontal .handle {
	width: 12px;
	height: 22px;
}
*/
.dynamic-slider-control.horizontal .handle div {
	width: 8px;
	height: 18px;
}
.dynamic-slider-control.horizontal .handle.hover {}
/* inner sets size
.dynamic-slider-control.vertical .handle {
	width: 22px;
	height: 12px;
}
*/
.dynamic-slider-control.vertical .handle div {
	width: 18px;
	height: 8px;
}
.dynamic-slider-control.vertical .handle.hover {}
.dynamic-slider-control .line {
	behavior: url("css/boxsizing.htc"); /* ie path bug */
	box-sizing: content-box;
	-moz-box-sizing: content-box;
	position: absolute;
	font-size: 0.01mm;
	overflow: hidden;
	border: 1px solid;
	border-color: ThreeDShadow ThreeDHighlight ThreeDHighlight ThreeDShadow;
	background: ThreeDDarkShadow;
}
.dynamic-slider-control.vertical .line {
	width: 1px;
	
}
.dynamic-slider-control.horizontal .line {
	height: 1px;
}
.dynamic-slider-control .line div {
	display: none;
}

/* Quick */
.listTable {
    cursor: pointer;
    padding: 5px;
    width: 120px;
    height: 120px;
    vertical-align: middle;
    text-align: center;
    border: 1px solid #ccc; 
    margin: 5px 10px 5px 0;
    float: left;
}
.pmliste h2{
    border-top: 1px solid #ccc;
    clear: left;
}
.pmliste dl {
    border: 1px solid #ccc;
    float: left;
    margin-bottom: 10px;
    margin-right: 10px;
    margin-top: 10px;
    padding: 10px;
    width: 313px;
    
}
.pmliste dl.last {
    margin-right: 0;
    width: 323px;
}
.pmliste dt{
    font-weight: bold;
    border-bottom: 1px solid #ccc;
    margin-bottom: 5px;
}
.pmliste dd {
}
.selectlist li {
    width: 670px;
    border: 1px solid #ccc;
    margin: 5px 0px;
    padding: 5px !important;
}

/* SIFR */
/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
    height: 36px !important;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h1.sIFR span {
	visibility: hidden;
}


#suggestBoxElement div {
    width: auto !important;
    float: none !important;
}


/* Preisschild */
#content span.preisschild {
	width: 149px;
	display: block;
	height: 20px;
	text-align: center;
	color: #FFFFFF;
	font-weight: bold;
	background-image: url(../img/preisschild-hymer.jpg);
	padding-top: 1px;
}
#content span.preisschild span{
	font-weight: normal;
}