/*
 * OPTIONGOLF.com Stylesheet
 * Author: Marte Adrian - comixtrip(at)treiet61.at
 * 
 * Rot: Hell: #d2232a, Mittel: #a5181c, Dunkel: #7a0607
 *
 */
 
/* HTML ELEMENTS 
==========================*/
body {
  margin: 0px;
  padding:0px;

  /*background-color:#231f20;*/
  background-color:#40383a;
  
  font-family:Verdana,Helvetica,sans-serif;
  font-size:11px;
  color:#DDDDDD;

  background-image:url(../pics/bg.png);
  /* see header */
  background-position:0px 100px;
  background-repeat:repeat-x;

}

h1 {
  font-size:13px;
}

h2 {
  font-size:12px;
}

h3 {
  font-size:11px;
}

a {
  color:#FFFFFF;
  text-decoration:none;
}

a:hover {
  color:#d2232a;
  text-decoration:none;
}

a:visited {
  text-decoration:none;
}



a img {
  border-width:0px;
}

body * :focus {
  outline-color:-moz-use-text-color !important;
  outline-style:none !important;
  outline-width:medium !important;
}

a:focus {
  outline-color:-moz-use-text-color;
  outline-style:none;
  outline-width:medium;
}


ul {
  margin:0px;
  padding:0px;
  
  padding-left:15px;
  margin-top:5px;
  margin-bottom:5px;
}

/* HELPERS 
===========================*/
.clearer {
  clear:both;
}

.cursor {
  cursor:pointer!important;
}

.hidden {
  visibility:hidden;
}

/* MAIN LAYOUT
===========================*/
#header_wrapper {
  background-color:#231f20;
}

#header {
  width:952px;
  margin:0 auto;
  padding-top:10px;
  padding-bottom:10px;    
}

#logo {
  float:left;
  min-height:55px;
  padding-top:10px;
}

#sitemenu {
  float:right;
  margin-top:36px;  
}

#sitemenu .sitemenuitem {
  margin-right:15px;
}

#languagemenu {
  position:absolute;
  right:20px;
  top:10px;
}

.tx-srlanguagemenu-pi1 .NO a:focus, 
.tx-srlanguagemenu-pi1 .NO a:hover, 
.tx-srlanguagemenu-pi1 .NO a:active {
  color:#D2232A;
}

.tx-srlanguagemenu-pi1 .NO a {
  background-color:transparent;
  color:#ffffff;
  font-weight:normal;
  text-decoration:none;
}

.tx-srlanguagemenu-pi1 .CUR a:focus, 
.tx-srlanguagemenu-pi1 .CUR a:hover, 
.tx-srlanguagemenu-pi1 .CUR a:active,
.tx-srlanguagemenu-pi1 .CUR a {
  color:#D2232A;
  background-color:transparent;
  color:#ffffff;
  font-weight:normal;
  text-decoration:none;
}

.tx-srlanguagemenu-pi1 .SPC {
  width:20px;
}

.tx-srlanguagemenu-pi1 .INACT {
  text-decoration:line-through;
}

.tx-srlanguagemenu-pi1 img {
  height:8px!important;
}

#loading {
  position:absolute;
  width:100%;
  height:400px;  
  margin:0 auto;  
  /*background-color:#40383a;*/
  background-image:url(../js/loadingAnimation.gif);
  background-position:center center;
  background-repeat:no-repeat;  
}

#content {
  width:952px;
  min-height:400px;  
  margin:0 auto;  
  margin-top:2px;
  padding-left:15px;
  padding-top:30px;
  
  visibility:hidden;
  
}


#content h1 {
  font-size:14px;
  width:937px;
  border-bottom:1px solid #DDDDDD;
  margin-bottom:20px;
}

#content > ul {
  margin-left:50px;
  font-size:12px;
}

#content p.bodytext {
  font-size:12px;
  margin-bottom:11px;
  max-width:495px;
/*  text-align:justify; */

}

#content div.csc-textpic {
  max-width:939px;
  clear:both;
}

#content div.csc-textpic-border .csc-textpic-imagewrap img {
  background-color:#ffffff;
}

div.csc-textpic-border div.csc-textpic-imagewrap .csc-textpic-image img {
  border-color:#666666!important;
  border-width:1px!important;
}

#content div.csc-header {
  clear:both;
  padding-top:40px;
}

#content div.csc-header-n1 {
  padding-top:0px;
}

#bottom_menu {
  width:952px;
  margin:0 auto;  
} 

#bottom_menu a {
  color:#d2232a;
} 

#bottom_menu a:hover {
  text-decoration:underline;
} 


#footer {
  width:952px;
  margin:0 auto;  
}

/* MAIN MENU (DROPDOWN) 
===========================*/
#top_menu {
  width:100%;
  height:21px;  
  background-color:#9C0202;  
}

#top_menu a:hover {
  color:#f0bba7;
  text-decoration:none;
}

#top_menu_sub {
  width:952px;
  height:20px;  
  padding-top:8px;
  padding-bottom:8px;
  margin:0 auto;  
}

#top_menu_sub a:hover {
  color:#d2232a;
  text-decoration:none;
}

#top_dropdown {
  width:952px;

  padding-top:3px;
  margin:0 auto;

  text-transform:uppercase;
  font-size:11px;  
}

#top_dropdown li.headlink {
  display:inline;
  margin-right:30px;
  list-style-type:none;
}

#top_dropdown li.headlink ul {
  display:none;
}

#top_menu_sub li {
  display:inline;
  margin-right:30px;

  list-style-type:none;
  font-size:11px;
  text-transform:uppercase; 
}

#top_menu_sub li.active a {
  color:#d2232a;
  text-decoration:none;

}


/* standard formats
===========================*/




/* OPTION Accessoires Layer
===========================*/
div.option_access_layers_wrapper {
  min-height:400px;
}


div.option_access_layers_wrapper .option_layer {
  position:absolute;
  width:500px;
  height:346px;
  border:1px solid #999999;
  background-color:#40383a;
  overflow:hidden;
}

div.option_access_layers_wrapper .option_layer h1 {
  display:none;
}


.option_layers_navigation {
  margin-left:382px;
  position:absolute;
  top:540px;
  width:220px;
}

.option_layers_navigation .left {
  float:left;
  color:#FFFFFF;
  width:100px;
}

.option_layers_navigation .right {
  float:right;
  color:#FFFFFF;
  width:100px;
}

/*
.actualRight {
  z-index: 101;
}

.actualLeft {
  z-index: 101;
}
*/

/* OPTION Layers
===========================*/


div.option_layers_wrapper {
  color:white;
  min-height:400px;
  margin-top:10px;
  /*background-color:#231f20;*/
}

div.option_layers_wrapper .csc-textpic-imagewrap { 
  display:none;
}

div.option_layers_wrapper h1 {
  color:white;
  font-size:14px;
  margin-bottom:20px;
  border-width:0px!important;
  width:380px!important;
}


div.option_product_layers_wrapper {
  color:white;
  min-height:400px;
  margin-top:10px;
  /*background-color:#231f20;*/
}

div.option_product_layers_wrapper h1 {
  color:white;
  font-size:14px;
  margin-bottom:20px;
  border-width:0px!important;
  width:222px!important;
}


div.option_product_layers_wrapper .navigation {
  position:absolute;
}

div.option_product_layers_wrapper .navigation .forward {
  position:absolute;
  top:125px;
  margin-left:5px;
}


div.option_product_layers_wrapper .navigation .backward {
  position:absolute;
  top:175px;
  margin-left:5px;
}


div.option_product_layers_wrapper div.option_layer {
  position:absolute;
  display:block;
  width:420px;
  font-size:13px;
}

div.option_product_layers_wrapper div.option_layer h1 {
  font-size:13px!important;
  margin-bottom:20px;
}

div.option_product_layers_wrapper div.option_layer h1 a:hover {
  text-decoration:none;
}


div.option_layer_wrapper {
  position:absolute;
  margin:0 auto;
  
  visibility:hidden;

  width:420px;
  height:283px;
  border:0px solid #CCCCCC;
  padding:25px;
  padding-right:5px;

  color:white;

  background-color:#222222;
  background-repeat:no-repeat;
  background-position:top;
  
  cursor:pointer;
/*  text-align:justify; */
}

div.option_layer_wrapper .option_layer_bgimage * img {
  min-width:450px;
  width:450px;  
}

.option_layer_wrapper .overlay {
  display:none;
  background-image:url(../pics/layer/layer_overlay.png);
  position:absolute;
  top:0px;
  left:0px;
  width:450px;
  height:333px;
  z-index:1000;
}


div.option_product_layers_wrapper div.option_layer_wrapper {
  width:450px;
  height:333px;
  padding:0px;
  border:1px solid #333333;
  cursor:default;
}

div.option_layer_wrapper .option_layer_bgimage {
  position:absolute;
  top:0px;
  left:0px;
/*  display:none;*/
}


.option_layer_bgimage * img.reflected {
  margin-bottom:5px;
}

div.option_layers_wrapper div.option_layer {
  display:block;
  height:280px;
  left:15px;
  position:absolute;
  top:5px;
  width:410px;  
  z-index:101;

  font-size:12px;  
}
/*
div.option_layers_wrapper div.option_layer_1 .option_layer_bgimage img {
  background-color:#aaaaaa;
}

div.option_layers_wrapper div.option_layer_2 .option_layer_bgimage img  {
  background-color:#aaaaaa;
}

div.option_layers_wrapper div.option_layer_3 .option_layer_bgimage img  {
  background-color:#aaaaaa;
}

div.option_layers_wrapper div.option_layer_4 .option_layer_bgimage img  {
  background-color:#aaaaaa;
}

div.option_layers_wrapper div.option_layer_5 .option_layer_bgimage img  {
  background-color:#aaaaaa;
}
*/


div.option_product_layers_wrapper div.option_layer {
  padding:15px;

}


div.option_layer_wrapper a.left {
  position:absolute;
  left: 10px;
  bottom:100px;
  z-index:200;
}

div.option_layer_wrapper a.right {
  position:absolute;
  left:350px;
  bottom:100px;
  z-index:200;
}


/* OPTION Product Menu
 *   
===========================*/

.product_menu {
  float:right;
  width:200px;
}


/* OPTION Bottom Menu
 *   Hell: #d2232a, Mittel: #a5181c, Dunkel: #7a0607
===========================*/
div#bottom_menu_wrapper {
  width:100%;
  height:204px;
  background-image:url(../pics/bottom_menu_bg.png);
}

div#bottom_menu .left {
  border-top: 3px solid #d2232a;
  color:#d2232a;
}

div#bottom_menu .center {
  border-top: 3px solid #d2232a;
/*  border-top: 3px solid #a5181c; */
  color:#d2232a;
}

div#bottom_menu .right {
  border-top: 3px solid #d2232a;
/*  border-top: 3px solid #7a0607; */
  color:#d2232a;
}

div.bottom_menu_element {
  float:left;
  width:307px;
  margin-left:7px;  
  margin-top:60px;
  overflow-x:hidden;
  cursor:pointer;
}

div.bottom_menu_element .menu_header_wrapper {
  padding-top:2px;
}

div.bottom_menu_element .menu_header {
  font-size:13px;
  display:inline;
  padding-left:2px;
  padding-top:2px;
}

div.bottom_menu_element .menu_header * {
  margin:0px;
  padding:0px;
  display:inline;
}

div.bottom_menu_element .menu_content {
  font-size:12px;
  
  padding:12px;
  padding-bottom:0px;
  overflow:hidden;

  display:none;
  
}


div.bottom_menu_element .menu_content * {
  margin:0px;
  padding:0px;
}


/* OPTION-THEME 
===========================*/

.fg-button {
  float:left;
  padding:5px;
  cursor:pointer;
}

.option_layers_navigation .fg-button {
  margin-right:15px;
}

.option_product_layers_wrapper .navigation .fg-button {
  padding:10px;
}

.option_access_layers_wrapper .fg-button {
  padding:8px;
}


.bottom_menu_element .fg-button {
  position:absolute;
  padding:2px;
}

/*
 * THICKBOX
 */

.TB_overlayBG {
  background-color:#40383A;
}
 
#TB_title {
  background-color:#9C0202;
}

#TB_window {
  border-color:#333333;
  border-width:1px;

}

#TB_window a {
  color:#ffffff;
}

#TB_window a:focus {
  color:#ffffff;
}

#TB_window a:hover {
  color:#000000;
}

#TB_window a:visited {

}

#TB_iframeContent {
  width:830px!important;
  margin-top:0px;
  overflow:hidden;
}

#TB_closeWindowButton.fg-button {
  margin-bottom:0;
  margin-right:5px;
  margin-top:-4px;
  padding:1px;
}


/*
 *   POPUP
 */
body.popup {
  background-image:none;
  background-color:#000000;
  color:#FFFFFF;
}

body.popup #content {
  width:388px;
  margin:0;
  padding:15px;
  padding-right:0px;
  visibility:visible;
}

body.popup #content > ul {
  margin-left:15px;
}

body.popup #content p.bodytext {
  font-size:11px;
  margin-bottom:11px;
  max-width:495px;
  text-align:left;
  z-index:1000;
}

body.popup #content #tabs {
  position:absolute;
  right:10px;
  top:10px;
  width:400px;
  z-index:100;
}

body.popup #content h1 {
  font-size:16px;
  width:360px!important;
  border-width:0px!important;
  
}

 
body.popup #content #tabs .ui-widget-header {
  height:12px;
  margin-bottom:20px;
}

body.popup #content #tabs .ui-widget-header li {
  margin-top:0px;
  
}

body.popup #content #tabs.ui-tabs .ui-tabs-nav li.ui-tabs-selected {
  border-bottom-width:0;
  padding-bottom:0px;
}

body.popup #content #tabs.ui-tabs .ui-tabs-nav {
  background: transparent none;
  border-width:0px;
}

body.popup #content #tabs.ui-tabs .ui-tabs-nav li.ui-tabs-selected {
  background-color: #000000;
}


body.popup #content #tabs.ui-tabs .ui-tabs-panel {
  padding:1em 0.3em;
}
/* 
 * OPTION Gallery
 */
 

body.popup .option_gallery  {
  height:370px;
  position:absolute;
  top:180px;
  width:800px;
}

body.popup .option_gallery .thumbnails {
  float:left;
  height:200px;
  position:absolute;
  top:170px;
  width:400px;
  
  background-color:#000000;
}

body.popup .option_gallery .thumbnails dl {
  cursor:pointer;
  margin-bottom:5px;
}


body.popup .option_gallery .thumbnails .csc-textpic-imagewrap {
  width:400px!important;
}

body.popup .option_gallery .thumbnails .csc-textpic-image {
  border:1px solid #aaaaaa;
}



body.popup .option_gallery .pic {
  float:right;
  height:370px;
  width:370px;
  
}

body.popup .option_gallery .pic * img.reflected {
  margin-bottom:5px;
}

body.popup .option_gallery .pic dl {


}



.option_gallery2_wrapper {
  overflow:hidden;
  height:280px;
  max-height:280px;
  margin-top:10px;
}

#option_gallery2 {
  overflow:hidden;
  height:400px;
  max-height:400px;
}

#option_gallery2 img {
  border:1px solid #BBBBBB; 
}



/* 
 * OPTION Rotation
 */

.option_rotation_wrapper {
  position: absolute;
  left:300px;
  top:265px;
}


/* 
 * IE Tweaks
 */
   
* html .option_product_layers_wrapper .csc-textpic .csc-textpic-text {
  position:absolute;
  top:15px;
  max-width:200px;
}

* html .option_layer_bgimage * img {
  width:450px;
}


*:first-child+html .option_product_layers_wrapper .csc-textpic .csc-textpic-text {
  position:absolute;
  top:15px;
  max-width:200px;
}


/* 
 * Downloads
 */ 
  
 
.sb_download_flex {
  background-color:transparent;
}

.sb_download_flex a {
  color:#dddddd;
}
.sb_download_flex a:visited {
  color:#dddddd;
}

.sb_download_flex a:hover {
  color:#d2232a;
}


.sb_download_image {
  margin-bottom:10px;
  margin-top:10px;
}

.sb_download_text {
  float:none;
  width:250px;
}
 
.sb_download_flex .title {
  color:#dddddd;
}

.sb_download_flex .category {
  display:none;
}

.sb_download_flex .links hr {
  display:none;
}
