@import url(buildin_style.css);

html, body {
 margin: 0px;
 font-family: arial, verdana, sans-serif;
 font-size: 13px;
 background: url(images/bg_back.gif) top center #202831;
 height: 100%;

 SCROLLBAR-FACE-COLOR: #202831;
 SCROLLBAR-HIGHLIGHT-COLOR: #202831;
 SCROLLBAR-SHADOW-COLOR: #202831;
 SCROLLBAR-3DLIGHT-COLOR: #4a5664;
 SCROLLBAR-ARROW-COLOR: #4a5664;
 SCROLLBAR-TRACK-COLOR: #202831;
 SCROLLBAR-DARKSHADOW-COLOR: #4a5664;
 SCROLLBAR-BASE-COLOR: #202831;
 buttonface: #202831;
}

#container {
 background: url(images/bg_back2.gif) top center #202831;
 background-color: #303c4a;
 width: 999px;
 height: auto;
}

/* nur für IE 5.5 - 6.x */
* html #container {
 height: 100%;
}

#container2 {
 background: url(images/bgPic_01.jpg) no-repeat top #303c4a;
 width: 967px;
 height: auto;
 text-align: left;
}

.bgNav {
 background: url(images/bg_nav.gif);
}
.bgZusatz {
 background: url(images/bg_zusatz.gif);
}

#header {
 text-align: left;
 background: url(images/bg_top.jpg) 3px 0px no-repeat;
 height: 217px;
 margin: 0px;
}

#footer {
 background: url(images/bg_footer.gif) top left ;
 width: 967px;
 height: 66px;
}

#containerFooter {
 background: url(images/bg_back2.gif) top center #202831;
 background-color: #303c4a;
 width: 999px;
 height: 300px;
}

#clearDiv {
clear: both;
}

/*
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
*/

td a {
 color: #303c4a;text-decoration: none;font-weight: bold;
}
td a:hover {
 color: #445c78;text-decoration: underline;font-weight: bold;
}

h1 {
 font-size: 1.8em;padding-bottom: 5px;padding-top: 20px;font-weight: bold;color: #303c4a; margin: 0px;
}
h2 {
 font-size: 1.5em;padding-bottom: 5px;padding-top: 5px;font-weight: bold;color: #303c4a; margin: 0px;
}
h3 {
 font-size: 1.3em;padding-bottom: 5px;padding-top: 5px;font-weight: bold;color: #303c4a; margin: 0px;
}
h4 {
 font-size: 1.2em;padding-bottom: 5px;padding-top: 5px;font-weight: bold;color: #303c4a; margin: 0px;
}
h5 {
 font-size: 1.0em;padding-bottom: 5px;padding-top: 5px;font-weight: bold;color: #303c4a; margin: 0px;
}
h6 {
 font-size: 0.9em;padding-bottom: 5px;padding-top: 5px;font-weight: bold;color: #303c4a; margin: 0px;
}

.txtBold {
 color: #303c4a;font-weight: bold;
}

div {
 margin: 0;padding: 0;margin: 0;
}

input, select, textarea {
 color: #333333;BORDER-RIGHT: #797979 1px solid;BORDER-TOP: #797979 1px solid;BORDER-LEFT: #797979 1px solid;BORDER-BOTTOM: #797979 1px solid; BACKGROUND-COLOR: #d7d7d7
}
.formFeld {
 width: 250px; margin: 1px 0 1px 0;padding: 1px 0 1px 0;
}

hr {
 background-color: #666666;color: #666666;height: 1px;border-style: none;
}

p {
 margin-top: 0;margin: 0;text-align: left;font-family: arial, verdana, sans-serif;font-size: 13px;color: #363636;
}
td {
 margin-top: 0;margin: 0;text-align: left;font-family: arial, verdana, sans-serif;font-size: 13px;color: #363636;
}
table {
 color: #363636;
}

.dottedLine {
 background: url(images/line_dotted.gif) repeat-x;margin: 10px 0 0 0;
}

.textFooter {
 font-size: 11px;margin: 0;padding: 0;
 font-weight: normal;
 color: #707070;
}
.textAdresse {
 font-size: 11px;
 margin: 0;
 padding: 0;
 font-weight: normal;
 color: #707070;
}

th {
 margin: 0;
}
form {
 margin: 0;
 padding: 0;
}

.posTitle {
 margin: 25px 0 0 15px;
}
.posTitleDealer {
 margin: 0px 0 0 5px;
}

.tableNav td {
 height: 22px;
 border-top: 1px solid #999ea5;
}
.tableNav td .zusatz {
 margin: 1px 0 0 10px;
}
.tableNav td .nav {
 color: #d7d7d7;
 margin: 0px 0 0 15px;
 font-size: 11px;
}
.tableNav td .nav a, a: hover {
 color: #ffffff;
 font-weight: normal;
}

.tableLine {
 border-bottom: 1px solid #979da4;
 padding: 3px;
}
.tableLineEnd {
 background: url(/themes/velok/images/bg_table.gif) bottom right no-repeat;
 padding: 3px;
}

.tableNavUnder td {
 height: 18px;
 border-top: 1px solid #999ea5;
 color: #FFFFFF;
 padding: 1px 0 0 15px;
 font-size: 11px;
 font-family: tahoma;
}

.blockLink a {
 color: #FFFFFF;
 margin: 0 0 0 5px;
 font-size: 13px;
}
.blockLink a:hover {
 color: #FFFFFF;
 margin: 0 0 0 5px;
 font-size: 13px;
}

.brands img {
 background: url(images/shop/logos_Rahmen1.gif) no-repeat;
 float: left;
 margin: 0 11px 10px 0;
}
.brandsManager img {
 background: url(images/shop/logos_Rahmen1.gif) no-repeat;
 float: left;
 margin: 0 11px 10px 8px;
}


.basketTop {
 position: relative;
 top: 0px;
 left: 0px;
}
.basket {
 background: url(images/bg_basket.gif) top left no-repeat;
 position: absolute;
 top: -155px;
 left: 735px;
 width: 176px;
 height: 75px;
}
.basketContent {
 margin: 5px 4px 0px 14px;
 color: #ffffff;
 font-size: 11px;
 line-height: 110%;
 text-decoration: none;
}
.basketContent a {
 color: #ffffff;
 font-size: 13px;
 text-decoration: underline;
}
.basketContent a:hover {
 color: #ffffff;
 font-size: 13px;
 text-decoration: underline;
}
.basketContent_History{
background-color:#EB6E00;
height:20px;
margin:-6px 0 0 0;
padding:0 0 0 14px;
}
.basketContent_History a,.basketContent_History a:hover {
 color: #ffffff;
 font-size: 13px;
 text-decoration: underline;
}


/*
////// NAVIGATION //////////////////////////////////////////////////////////////////////////////////////////////////////////
*/

.posMainNav {
 margin: 16px 1px 0 0;
}
.posLogo {
 margin: 150px 0 0 4px;
}

#subnavigation {
 width: 100%;
 border: 0px solid #000000;
 text-align: left;
 padding: 0px 0px 0px 0px;
}
#subnavigation ul {
 margin: 0px;
 list-style: none;
 border-top: 1px solid #999ea5;
 padding: 0px 0px 0px 0px;
}
#subnavigation li {
 border-bottom: 1px solid #999ea5;
 padding: 0px 0px 0px 0px;
}
#subnavigation li a, #subnavigation li a:visited, #subnavigation li.shop {
 display: block;
 font-weight: normal;
 font-size: 11px;
 text-decoration: none;
 color: #ffffff;
 padding: 1px 2px 1px 12px;
}
#subnavigation li a.active, #subnavigation li a:hover {
 display: block;
 background-color: #636f7d;
 font-size: 11px;
 color: #ffffff;
 font-weight: bold;
 padding: 1px 3px 1px 12px;
}

#subnavigation2 li a.active, #subnavigation li a:hover {
 display: block;
 background-color: #4b5a6b;
 font-size: 11px;
 color: #ffffff;
 font-weight: bold;
 padding: 1px 3px 1px 12px;
}
#subnavigation2 li a, #subnavigation li a:visited, #subnavigation li.shop {
 display: block;
 font-weight: normal;
 font-size: 11px;
 text-decoration: none;
 color: #ffffff;
 padding: 1px 3px 1px 12px;
}

#subnavigation li a.active {
 font-weight: bold;
}

.shopNav {
 width: 122px;
 float: left;
}

/*
////// DIVERSES //////////////////////////////////////////////////////////////////////////////////////////////////////////
*/

#news {
 width: 460px;
 display: block;
 height: 100px;
 background: url(images/bg_news.gif) bottom right #e3e3e3 no-repeat;
 margin: 0 0 10px 0;
}
#news .pic {
 width: 150px;
 padding: 0 0 0 0;
 border: 0px;
}
#news .content {
 margin: 3px 10px 3px 10px;
}
#news .titel {
 font-size: 13px;
 font-weight: bold;
 color: #303c4a;
}
#news p {
 font-size: 13px;
}


#events1 {
 width: 120px;
 height: 25px;
 background-color: #e3e3e3;
 padding: 3px;
}
#events2 {
 width: 280px;
 height: 25px;
 background-color: #e3e3e3;
 padding: 3px;
}
#events3 {
 width: 236px;
 height: 25px;
 background: url(/themes/velok/images/bg_news.gif) bottom right #e3e3e3 no-repeat;
 padding: 3px;
}


#team {
 width: 310px;
 display: block;
 height: 100px;
 background: url(/themes/velok/images/bg_news.gif) bottom right #e3e3e3 no-repeat;
 margin: 0 0 10px 0;
}
#team .content {
 width: 190px;
 margin: 3px 10px 3px 10px;
}
#team p {
 font-size: 11px;
}

.elementStandard {
 font-family: arial, verdana, sans-serif;
 line-height: 130%;
 padding: 0px;
 font-size: 13px;
 margin-top: 0px;
 margin-left: 15px;
 margin-right: 15px;
 margin-bottom: 0px;
}
.elementStandardLeft {
 margin-top: 5px;
 margin-left: 5px;
 margin-right: 5px;
 margin-bottom: 5px;
}
.elementStandard li {
 list-style-type: square;
 color: #303c4a;
 margin: 0 0 0 -21px;
}


#rootlink {
 color: #105D85;
 font-weight: normal;
 font-size: 10px;
 margin: 10px 0 0 15px;
 font-family: Arial, Helvetica, sans-serif;
}
#rootlink a {
 color: #105D85;
 font-weight: normal;
 font-size: 10px;
 font-family: Arial, Helvetica, sans-serif;
}
#rootlink a:hover {
 text-decoration: underline;
 color: #202831;
 font-size: 10px;
 font-weight: normal;
}
#rootlink a:visited {
 color: #105D85;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 10px;
 font-weight: normal;
}



#navbar ul {
 padding: 0px 0px 0px 0px;
 margin: 0 0 0 0;
}

#navbar ul li {
 display: inline;
}

#navbar ul li a {
 color: #ffffff;
 text-align: center;
 text-decoration: none;
 float: left;
 font-weight: bold;
 text-decoration: none;
 width: 95px;
 height: 24px;
 background: url(images/navButton/navNormal.gif) right;
 margin: 0 1px 0 0;
 padding: 10px 0 0 0;
 font-size: 14px;
}

#navbar ul li a:hover, #navbar ul li a.active {
 color: #ffffff;
 text-decoration: none;
 font-weight: bold;
 background: url(images/navButton/navRollover.gif) right;
}

/*
////// SHOP //////////////////////////////////////////////////////////////////////////////////////////////////////////
*/

/*
.shopHeadline {
 background: url(images/shop/bg_headline.gif) right bottom no-repeat;
 margin: 0px;
 font-size: 11px;
}
*/


.shop_search_hilite {
color: #eb6e00; 
font-weight:bold;
}


.shopHeadline {
 background: url(images/shop/bg_headline.gif) right bottom;
 margin: 0px;
 font-size: 11px;
}
.shopHeadline a {
 font-size: 11px;
}
/* Added for headings containing two lines of text */
.shopHeadline2 {
 background: url(images/shop/bg_headline2.gif) right bottom;
 margin: 0px;
 font-size: 11px;
}
.shopHeadline2 a {
 font-size: 11px;
}

.shopDistance {
 margin: 0 5px 0 5px;
}
.shopDistanceRight {
 margin: 0 10px 0 5px;
 text-align: right;
}
.shopList {
 background: url(images/bg_news.gif) bottom right #e3e3e3 no-repeat;
 font-size: 12px;
 margin-bottom: 10px;
}
.shopPic {
 border: 1px solid #999999;
}
.shopProductHeadline {
 background-color: #CCCCCC;
 font-size: 12px;
 color: #303c4a;
 font-weight: bold;
}
.shopProductHeadline2 {
 background: url(images/shop/bg_headline.gif) bottom right #CCCCCC no-repeat;
 font-size: 11px;
 color: #303c4a;
 font-weight: bold;
}
.shopWarenkorb {
 border: 0px;
 margin: 0px;
}
.productTitle {
 font-size: 12px;
 color: #303c4a;
 font-weight: bold;
}
.productTitleText {
 margin: 4px;
}
.productTxt {
 font-size: 12px;
 color: #000000;
}
.productTxtSmall {
 font-size: 11px;
 color: #333333;
 font-weight: normal;
}

.dealerHeader {
 background: url(images/newsletter/bg_pic.jpg) bottom no-repeat;
 height: 180px;
}

/* Overflow bei Tabelle */
#scrollTableDealer {
 overflow: auto;
 height: 600px;
 width: 429px;
}

/* Overflow bei Tabelle */
#scrollTableManager {
 overflow: auto;
 height: 600px;
 width: 429px;
}

#kantone * {
 color: #ffffff;
 font-size: 14px;
}

.produkte_link_button {
display:block; 
height: 89px; 
width: 116px;
float:left;
margin:0 11px 0 0;
}

.produkte_link_button img{
display:block; 
height: 89px; 
width: 116px;
border:none;
}


#topNews{
top:0;
right:-452px;
margin:0 0 0 50px;
width:352px;
padding:10px 10px 30px 10px;
position:absolute;
border:none;
background:#eb6e00;
color:#ffffff;
}
#topNews a{
color:#ffffff;
text-decoration:underline;
}
#topNews a:hover{
text-decoration:none;
}
#topNews img{
float:left;
height:75px; 
width:75px;
border:none;
margin:0 10px 0 0;
}
#topNews span b{
display:block;
font-size:18px;
margin:0 0 5px 0;
}
#topNews .schliesen{
position:absolute;
z-index:9999;
margin:15px 0 0 0;
left:-10px;

width:150px;
height:30px;
padding:5px 0 0 30px;
display:block;
background:url(images/close.png) no-repeat;
cursor:pointer;
text-indent:-99999px;
}