/* Init stuff */

html {
  height:100%;
}

body {
  background:#a6cace url(../images/body_bg.png) repeat-x scroll 0 0;
  color:#666666;
  font-family:Arial, Verdana, Helvetica;
  font-size:62.5%;
  line-height:1.8em;
  height:100%;
}

.clear {
  overflow:hidden;
  visibility:hidden;
  clear:both;
  height:0px;
  margin:0;
  font-size: 0px;
  line-height: 0;
}

/* #startbox are used for start template, #subbox1 and 2 are used for the 3-column design in the subpagetemplate. these boxes contains #left_cont,
   #main_cont and #right_cont, which places the sub-menu and content on the page. The graphic is set on different parts here depending on how the
   design looks. subboxfooter is used to achive the effect of the footer being phased out of the background by raising the color 6 pixels using a simple png.*/

#container {
  min-height:100%;
  position:relative;
}

#subbox1{
  background:transparent url(../images/sub_left_border1.jpg);
  background-repeat: repeat-y;
  background-color: white;
  min-height:200px;
  position:relative;
  width:100%;
}
.sub_top_menu #subbox1 {
  padding-top:31px;  
}
#subboxfooter {
  background-color: #b7954b;
  height:6px;
  width:100%;
  /*padding-bottom:227px;*/
}
#subbox2{
  float:left;
}
#startbox, #startbox_full{
  min-height:150px;
  background:#ffffff url(../images/contentfooter.png) repeat-x scroll bottom left;
  padding:1px 16px 6px;
}
#startbox_full {
  padding:0px 0 6px;
}
#startbox_full .col3 .left, #startbox_full .col3 .middle, #startbox_full .col3 .right {
  width:304px;
}

#bot_cont_startbox{
  width:100%;
  display:block;
  float:left;
  position:relative;
}

#subbox1 #left_cont{
  float:left;
}

#subbox1 #main_cont{
  width:476px;
  float:left;
  /*margin-left:20px;*/
}

body.sublvl2 #subbox1 #main_cont {
  width:676px;
  margin-left:16px;
}

#subbox1 #right_cont{
  width:220px;
  float:left;
  margin-left:32px;
  margin-top: 25px;
}

#subbox1 #bot_cont{
  width:720px;
  float:left;
}

#startbox #main_cont{
  float: left;
  width: 708px;
}
.startbox_full #main_cont {
  width:100%;
}

#startbox #right_cont{
  width:220px;
  float:left;
}

#startbox #right_cont h1{
  font-size: 1.2em;
  color: #666666;
  font-weight: bold;
}

#bot_cont_startbox .margin, #subbox1 #left_cont .margin {
  padding:10px;
}

#right_cont .margin {
  overflow:hidden;
  padding:0;
}

#subbox2 #main_cont .margin {
  padding:25px 0 10px 20px;
  min-height:225px;
  margin-left:0px;
}

#main_cont .margin {
  padding:0;
}

#subbox2 #main_cont .printmenu {
  border-top:1px solid #cccccc;
  margin:45px 0px 80px 20px;
  padding:10px 0px 0px 0px;
  clear:left;
}

#teaser1_part .margin {
  padding:30px 20px 10px 0px;
}

#teaser2_part .margin{
  padding:20px 10px 0px 10px;
  display:block;
  float:left;
}

#teaser1_part .margin .margin, #teaser2_part .margin .margin{
  padding:10px 10px 0 10px;
}

/* Main layout */
/* #top_part contains logo, meta-menu, first level menu, search button etc. #mid_part contains the #startbox, #subbox1, #subbox2 (the content).
   Finally, the #bot_part contains the footer-stuff, such as rss-link, disclaimer, bottom-menu, contact info etc.

   The #teaser1_part etc. are used for inserting specific stuff on the start-template. */

#top_part {
  width:100%;
  height:124px;
  display:block;
}
.sub_top_menu #top_part {
  height:155px;
}
#toplevel_menu {
  position:absolute;
  top:60px;
  left:6px;
  font-size: 10px;
  text-transform: uppercase;
}
#toplevel_menu ul {
  margin:0;
  float:left;
}
#toplevel_menu li {
  float:left;
  list-style-type:none;
  background: url(../images/mainmenu_middle.png);
  height: 19px;
  padding-top:9px;
}
#toplevel_menu li.borderleft a {
  border-right:1px solid #708e93;
}
#toplevel_menu li.first a {
  padding-left:10px;
}
#toplevel_menu li.last a {
  padding-right:10px;
}
#toplevel_menu li.active {
  background: url(../images/mainmenu_middle_active.png);
}
#toplevel_menu li a {
  background-repeat:no-repeat;
  height:100%;
  /*padding:0 10px;*/
  cursor:hand;
  cursor:pointer;
  color: #cccccc;
  display:inline-block;
  line-height:19px;
  letter-spacing:1px;
  /*font-weight:bold;*/
  padding:0 14px;
  overflow:hidden;
}

#toplevel_menu li a:hover {
  background-position:0 -29px;
}
#toplevel_menu li.active a:hover {
  background-position:0 0;
}

#toplevel_menu li.active a, #toplevel_menu li a:hover {
  color: #FFFFFF;
  height:100%;
  line-height:19px;
  text-decoration:none;
}
.topmenu_left_active {
  background: url(../images/mainmenu_left_active.png);
  width: 18px;
  height: 28px;
  float:left;
}
.topmenu_left {
  background: url(../images/mainmenu_left.png);
  width: 18px;
  height: 28px;
  float:left;
}
.topmenu_middle {
  background: url(../images/mainmenu_middle.png);
  height: 28px;
}
.topmenu_middle_active {
  background: url(../images/mainmenu_middle_active.png);
  height: 28px;
}
.topmenu_right {
  background: url(../images/mainmenu_right.png);
  width: 18px;
  height: 28px;
  float:left;
}
.topmenu_right_active {
  background: url(../images/mainmenu_right_active.png);
  height: 28px;
  width: 18px;
  float:left;
}
#teaser1_part {
  background:#f6f5f3;
  min-height:384px;
  width:100%;
  display:block;
}

#teaser2_part {
  background:#f6f5f3 url(../images/tmpl_bg_teaser2.png) repeat-x;
  min-height:178px;
  width:100%;
  display:block;
  color:#ffffff;
}

#mid_part {
  width:100%;
}
.sub_top_menu #mid_part {
  margin-top:-31px;
}

#bot_part {
  width:100%;
  clear:both;
  /*position:absolute;
  bottom:0;*/
  padding-bottom:350px;
  background-color:#000;
}
#bot_part .canvas{
  background:transparent url(../images/footer_bg.png) no-repeat scroll 0 0;
  padding:0 0 16px;
}
#topimage_part{
  width:100%;
}
#topimage div.csc-textpic-imagewrap .csc-textpic-image, #topimage_part div.csc-textpic-imagewrap .csc-textpic-image {
  margin:0;
}
#topimage_part .margin{
  background:url(../images/topimage_shadow.gif) repeat-x scroll bottom left;
  padding:0;
  padding-bottom:14px;
}


/* .canvas are used for setting the specific width of the webpage */

.canvas {
  width:960px;
  margin:0px auto;
  padding:0 24px;
  font-size:1.2em;
  background:transparent url(../images/canvas_main.png) repeat-y scroll 0 -1px;
}
#top_part .canvas{
  height:100%;
  background:transparent url(../images/canvas_top.png) no-repeat scroll 0 0;
  background:transparent url(../images/canvas_top.png) no-repeat scroll 0 0;
}

#mid_part.subpage .canvas{
  background:transparent url(../images/canvas_main.png) repeat-y;
}

/* The top-section ( stuff in the #top_part ) defines style for all elements in the header of the site, such as location etc.*/
#header {
  height:100%;
  position:relative;
  width:100%;
  z-index:100;
}

.sub_top_menu #header {
  background:transparent url(../images/sub2bg.png) scroll repeat-x left bottom;
}

/* Dropdown infobox is used on the top of every page and is used as a javascript dropdown displaying information about Meda Group*/
#infobox {
  /*background:transparent url(../images/infobox_background.png) repeat-x bottom left;*/
  display:inline-block;
  height:22px;
  left:0;
  width:952px;
  margin:0 4px;
  position:absolute;
  top:0;
  z-index:10;
  position:relative;
}
#infobox #infobox_shleft {
  background:transparent url(../images/infobox_shleft.png) no-repeat scroll 0 6px;
  position:absolute;
  top:0;
  left:-4px;
  width:4px;
  height:112px;
  display:none;
}
#infobox #infobox_shright {
  background:transparent url(../images/infobox_shright.png) no-repeat scroll 0 6px;
  position:absolute;
  top:0;
  right:-4px;
  width:4px;
  height:112px;
  display:none;
}
#infobox_text {
  display:none;
  padding:10px;
  height:82px;
  color:#ffffff;
  background: transparent url(../images/infobox_background_bvitaminbrist.png) no-repeat top right;
}
#infobox_text a{
  text-decoration: none;
}

#infobox_text a img{
  position: relative;
  top: 3px;
  left: 0px;
}

#infobox #infobox_dd_link {
  position:absolute;
  height:18px;
  right:0;
  bottom:4px;
  color:white;
  font-size:0.9em;
  cursor:hand;
  cursor:pointer;
}
#infobox #shadowcontain {
  position:relative;
  padding:0 0 4px;
  height:18px;
}
#infobox #shadowcontain #infobox_dd_link_shleft {
  background: transparent url(../images/infobox_fading_left.png) repeat-y 0 0;
  height:16px;
  width:4px;
  position:absolute;
  left:-4px;
  bottom:0;
}
#infobox #shadowcontain #infobox_dd_link_shright {
  background: transparent url(../images/infobox_fading_right.png) repeat-y 0 0;
  height:16px;
  width:4px;
  position:absolute;
  right:-4px;
  bottom:0;
}
#infobox #infobox_dd_link_text {
  padding:0 32px 0 15px;
  background:#91abbe url(../images/infobox_text_arrow_down.gif) no-repeat center right;
}
#infobox #infobox_dd_link_shadow {
  background: transparent url(../images/infobox_fading.png) repeat-x 0 0;
  height:4px;
  display:block;
  left:0;
  position:absolute;
  width:100%;
  bottom:0;
}

/* Logotype */
#logo {
  position:absolute;
  top:20px;
  left:22px;
}

/* Menu Special */

div#menu_special {display:none;}

#menu_special {
  left:-440px;
  top:5px;
  width:415px;
  position:absolute;
  text-align:right;
}
#menu_special li {
  display:inline;
  list-style-type:none;
  font-size:12px;
  font-weight:bold;
  text-transform:uppercase;
  line-height:1.4em;
  border-left:1px solid white;
  padding-left:5px;
  margin-left:5px;
}
#menu_special li.first {
  border-left:none;
  margin-left:0;
  padding-left:0;
}
#menu_special li a {
  color:white;
}


/* First level menu */
#menu_main {
  left:25px;
  overflow:hidden;
  position:absolute;
  text-transform:uppercase;
  top:91px;
}

#menu_main ul, #menu_main li{
  margin:0;
  padding:0;
  list-style:none;  
}

#menu_main li{
  float:left;
  font-size:1.0em;
  font-weight:bold;
  height:32px;
  margin-right:10px;
}

#menu_main li.left{
  background:transparent;
}
#menu_main li.left a{
  border-left:none;
}

#menu_main li.sub1act .menu_left{
  background:url(../images/main_menu_act.png) top left no-repeat;
}
#menu_main li.sub1act .menu_right{
  background:url(../images/main_menu_act.png) top right no-repeat;
}

#menu_main li.sub1act a {
  color:#000;
}

#menu_main a:link, #menu_main a:active, #menu_main a:visited, #menu_main a:hover {
  border-left:1px solid #CBAE72;
  color:#FFFFFF;
  display:block;
  line-height:1.1em;
  margin-top:9px;
  padding-left:10px;
  /*padding-right:14px;*/
  position:relative;
  text-decoration:none;
  overflow:hidden;
  background-repeat:no-repeat;
  width:0px;
  max-width:0;
  height:14px;
}
#menu_main a:hover, #menu_main .sub1act a{
  color:#000000;
  background-position:0 -19px;
}

/* Meta menu (in the top-section) */
#menu_meta {
  position:absolute;
  top:39px;
  right:30px;
  float:right;
}

#menu_meta ul, #menu_meta li{
  margin:0;
  padding:0;
  list-style:none;  
}

#menu_meta li{
  float:left;
  padding-left:6px;
  padding-right:8px;
  background:transparent url(../images/menu_meta_vertical.png) no-repeat center right;
}

#menu_meta li.first{
  padding-left:0;
}

#menu_meta li.last{
  padding-right:0;
  background:transparent;
}

#menu_meta .active {
  font-weight:bold;
}

#menu_meta a:link, #menu_meta a:active, #menu_meta a:visited, #menu_meta a:hover{
  display:block;
  position:relative;
  text-decoration:none;
  color:#666666;
  font-size:0.9em;
}

/* Search-box */
#search {
  display:block;
  position:absolute;
  top:50px;
  right:0;
  height:24px;
  width:286px;
}


/* Breadcrumbs - not used in this template */

#menu_breadcrumbs {
  display:none;
  position:absolute;
  bottom:0px;
  left:35px;
  height:30px;
  width:500px;

}

#menu_breadcrumbs a {
  margin-right:.5em;
}

/* Banner-header - not used in this template */
#banner_header {
  position:absolute;
  top:5px;
  left:140px;
  height:80px;
  width:300px;
  display:none;
}

/* The footer-section (Elements in #bot_part) defines elements located in the footer. Values such as position, width and color for the footer are defined here.*/
#footer {
  padding:8px 0 0 30px;
}

#footer, #footer_line{
  color:#FFF;
  font-size:0.8em;
  line-height:1.45em;
}

#footer h1, #footer h2, #footer h3, #footer h4, #footer h5, #footer h6 {
  color:#cccccc;
  font-weight:bold;
}

#footer .margin{
  padding:0px;
  margin:0px;
}

#footer ul.csc-menu, #footer .csc-menu li{
  margin:0;
  padding:0;
  list-style:none;
}

#footer b{
  color:#ff0000;
}

#footer_line{
  text-align:right;
}

#footer_rss {
  background:transparent url(../images/footer_rss.png) no-repeat right top;
  float:right;
  margin-top:28px;
  width:32px;
  height:32px;
}

#footer_rss a{
  display:block;
  width:32px;
  height:32px;
}

#footer_text {
  height:53px;
}

#footer_text ul, #footer_text li{
  margin:0;
  padding:0;
  list-style:none;
}

#footer_text li{
  margin-left:10px;
  padding-left:10px;
  float:left;
}

#footer_text li.line{
  background:url(../images/footer_text_line.png) no-repeat bottom left;
}

/*#footer_text a{
  color:#c1c1c1;
  font-size:0.9em;
}*/

/* The footer-menu */
#menu_footer {
  float:left;
  margin:30px 0 0 60px;
  /*width:735px;
  padding-bottom:20px;*/
}

#menu_footer ul{
  list-style:none;
  margin:0;
  padding:0;
}

#menu_footer ul.sub1{
  float:left;
  /*width:735px;*/
  display:block;
}

#menu_footer li.sub1, #menu_footer li.sub1act{
  display:block;
  float:left;
  width:245px;
  /*padding:7px 10px 0 10px;*/
  /*height:148px;*/
  /*margin-top:10px;*/
  overflow:hidden;
  background:transparent url(../images/menu_footer_greyline.png) repeat-y top left;
  font-size:1.2em;
}

#menu_footer ul.sub2, #menu_footer ul.sub2act{
  margin-top:2px;
}

#menu_footer li.sub2, #menu_footer li.sub2act{
  list-style:none;
  padding-bottom:3px;
}

#menu_footer li.sub2act{
  background:transparent url(../images/menu_footer_minus_act.png) no-repeat;
  background-position:0px 7px;
}

/* Submenu in the #mid_cont - second level etc */
#menu_sub {
  width:216px;
  margin-top:25px;
  overflow:hidden;
  line-height:1em;
}
body.sublvl2 #menu_sub{
  display:none;
}
#menu_sub ul {
  list-style:none;
  margin:0;
  padding:0;
}

/* left-menu indenting */
#menu_sub ul li {
  border-bottom:1px solid #CCCCCC;
  padding:8px 0 8px 30px;
}
#menu_sub ul li ul li {
  border-bottom:medium none;
}
#menu_sub ul li.leveltwo {
  padding-left:42px;
}
#menu_sub ul li.levelthree {
  padding-left:54px;
}
#menu_sub ul li.levelfour {
  padding-left:66px;
}
#menu_sub a:hover, #menu_sub .active a {
  background-position:0 -29px;
}
#menu_sub ul li.active, #menu_sub ul li.leveltwo, #menu_sub ul li.levelthree, #menu_sub ul li.levelfour {
  background-color:#FFFFFF;
}
#menu_sub ul li a {
  display:block;
  overflow:hidden;
  padding-left:999em;
  background-repeat:no-repeat;
  line-height:1.2em;
  font-size:13px;
  letter-spacing:-0.03px;
}

.levelonesub, .leveltwosub, .levelthreesub, .levelfoursub {
  background-image:url(../images/right.gif);
  background-repeat:no-repeat;
}
.levelonesubact, .leveltwosubact, .levelthreesubact, .levelfoursubact {
  background-image:url(../images/down.gif);
  background-color:#FFF;
  background-repeat:no-repeat;
}

.levelonesub {
  background-position:23px 13px;
}
.levelonesubact {
  background-position:20px 15px;
}
.leveltwosub {
  background-position:35px 13px;
}
.leveltwosubact {
  background-position:32px 15px;
}
.levelthreesub {
  background-position:47px 13px;
}
.levelthreesubact {
  background-position:44px 15px;
}
.levelfoursub {
  background-position:59px 13px;
}
.levelfoursubact {
  background-position:56px 15px;
}


/* Images */

.csc-textpic-caption {
    color:#aaaaaa;
}

/* .margin are divs that are used to set the spacing between boxes with fixed width and the content itself. This way it is more browser compatible,
   than setting margin padding and width in the same div. (different browsers calculate this differently if they are in the same div */

.margin{
    padding:10px;
}

/* Header styling */

h1 {
  margin:0px;
  font:normal 2.5em/1em Arial, Helvetica, sans-serif;
  color:#333333;
}
h2 { 
  font-weight:bold;
  font-size:14px;
}

h3 {
  margin:4px 0px 3px 0px;
  color:#666666;
  font:bold 1.1em/1.35em Arial, Helvetica, sans-serif;
}
h4 {
  margin:0px 0px 10px 0px;
  font:bold 1em/1.4em Arial, Helvetica, sans-serif;
  color: #B7954B;
}
h5 {
  margin:0px 0px 3px 0px;
  font:italic 1.1em/1.4em Arial, Helvetica, sans-serif;
}
h6 {
  margin:1px 0px 10px 0px;
  font:oblique 1.0em/1.4em Arial, Helvetica, sans-serif;
}
label {
  font:normal 11px/15px Arial, Helvetica, sans-serif;
}

/* paragraph extra styles */

strong {
  font-weight:bold;
  font-size:inherit;
  line-height:inherit;
}
strike {
  text-decoration:line-through;
  font-size:inherit;
  line-height:inherit;
}
em {
  font-style:italic;
  font-size:inherit;
  line-height:inherit;
}
b {
  font-weight:bold;
  font-size:inherit;
  line-height:inherit;
}
i {
  font-style:italic;
  font-size:inherit;
  line-height:inherit;
}

ul {
}

a {
  color:#101010;
  color:inherit;
  text-decoration:none;
}
p a, h4 a {
  text-decoration:underline;
}

a { color: expression(this.parentNode.currentStyle.color); }
a:hover { text-decoration:underline;}

acronym  {font-size:1em; color:Purple;}
address  {font-size:1em; font-style:italic; color:Olive;}

/* Styling the bulletlist if inside #main_cont */

#main_cont ul.csc-bulletlist{
  margin:0;
  padding:0;
}

#main_cont ul.csc-bulletlist li{
  background-position:0px 3px;
  padding-left:5px;
  margin-bottom:10px;
  list-style-type:disc;
  list-style-position:inside;
}

#main_cont ul,#main_cont ol {
  margin:0;
  padding:0;
}

#main_cont ul li {
  padding-left:5px;
  margin-bottom:10px;
  margin-left:12px;
  list-style-type:disc;
  list-style-position:outside;
}

#main_cont ol li {
  padding-left:5px;
  margin-bottom:10px;
  margin-left:12px;
  list-style-position:outside;
}

/* Flex-styling (boxes that are added as part of the design-template rather than in the template itself.  */

.flex_top_teaser{
  display:block;
  float:left;
  position:relative;
  width:300px;
}

.flex_top_teaser .flex_header {
  font-size:1.6em;
  font-weight:bold;
  font-family:Arial, sans-serif;
  color:#363636;
  height:25px;
  padding-left:10px;
}

.flex_top_teaser .margin{
  padding:0;
  min-height:96px;
  padding-top:12px;
  padding-bottom:0px;
}

.flex_top_teaser .flex_image{
  position:relative;
  width:300px;
  height:180px;
  overflow:hidden;
  display:block;
  background:#ffffff;
}

.flex_top_teaser .flex_image img{
  margin-top:10px;
  margin-left:10px;
}

.flex_top_teaser .flex_image .border_overlay{
  position:absolute;
  z-index:1;
  width:300px;
  height:180px;
  background:transparent url(../images/flex_top_teaser_border.png) no-repeat;
}

.flex_top_teaser a.flex_link{
  margin-left:10px;
  font-weight:bold;
}

/* --- */

.flex_large_product{
  display:block;
  position:relative;
  width:700px;
  float:left;
}

.flex_large_product .flexmargin{
  height:210px;
  float:left;
  width:380px;
  margin-left:20px;
}

.flex_large_product .flexmargin a{
  font-weight:bold;
}

.flex_large_product .flex_image{
  float:left;
  position:relative;
  width:300px;
  height:180px;
  overflow:hidden;
  display:block;
  background:#ffffff;
}

.flex_large_product .flex_image img{
  margin-top:10px;
  margin-left:10px;
}

.flex_large_product .flex_image .border_overlay{
  position:absolute;
  z-index:1;
  width:300px;
  height:180px;
  background:transparent url(../images/flex_top_teaser_border.png) no-repeat;
}

/* --- */

.flex_small_product{
  display:block;
  float:left;
  position:relative;
  width:136px;
  height:213px;
}

.flex_small_product .flex_header {
  font-size:1.1em;
  font-weight:bold;
  font-family:Arial, sans-serif;
  color:#363636;
  height:17px;
}

.flex_small_product .flexmargin{
  padding:5px 5px 2px 5px;
  font-size:0.9em;
  line-height:1.25em;
}

.flex_small_product .flex_image{
  position:relative;
  width:136px;
  height:100px;
  overflow:hidden;
  display:block;
  background:#ffffff;
}

.flex_small_product .flex_image img{
  margin-top:5px;
  margin-left:5px;
}

.flex_small_product .flex_image .border_overlay{
  position:absolute;
  z-index:1;
  width:136px;
  height:100px;
  background:transparent url(../images/flex_small_product_border.png) no-repeat;
}

.flex_small_product a.flex_link{
  margin-left:5px;
  font-size:0.9em;
}

/* --- */

.flex_bot_teaser{
  display:block;
  float:left;
  position:relative;
  width:220px;
}

.flex_bot_teaser .margin{
  padding:0;
  min-height:45px;
  padding-top:12px;
  padding-bottom:12px;
}

.flex_bot_teaser .flex_image{
  position:relative;
  width:220px;
  height:100px;
  overflow:hidden;
  display:block;
  background:#ffffff;
  margin-bottom:5px;
  margin-top:1px;
}

.flex_bot_teaser .flex_image img{
  margin-top:5px;
  margin-left:5px;
}

.flex_bot_teaser .flex_image .border_overlay{
  position:absolute;
  z-index:1;
  width:220px;
  height:100px;
  background:transparent url(../images/flex_bot_teaser_border.png) no-repeat;
}

.flex_bot_teaser a p{
  color:#ffffff;
  text-align:center;
  font-weight:bold;
}

/* --- */

.flex_top_teaser_cntr, .flex_bot_teaser_cntr, .flex_footer_cntr, .flex_small_product_cntr{
  display:block;
  float:left;
  width:100%;
  position:relative;
}

.flex_cntr1, .flex_cntr2, .flex_cntr3, .flex_cntr4{
  width:300px;
  float:left;
  padding-left:0px;
}

.flex_top_teaser_cntr .flex_cntr2, .flex_top_teaser_cntr .flex_cntr3 {
  padding-left:30px;
}

.flex_bot_teaser_cntr .flex_cntr2, .flex_bot_teaser_cntr .flex_cntr3, .flex_bot_teaser_cntr .flex_cntr4,
.flex_small_product_cntr .flex_cntr2, .flex_small_product_cntr .flex_cntr3 {
  padding-left:20px;
}

.flex_bot_teaser_cntr .flex_cntr1, .flex_bot_teaser_cntr .flex_cntr2, .flex_bot_teaser_cntr .flex_cntr3, .flex_bot_teaser_cntr .flex_cntr4 {
  width:220px;
}

.flex_small_product_cntr .flex_cntr1, .flex_small_product_cntr .flex_cntr2, .flex_small_product_cntr .flex_cntr3{
  width:136px;
}

/* --- */

.flex_footer_cntr{ 
  background:url(../images/flex_footer_line.png) no-repeat;
  min-height:175px;
  padding-top:5px;
}
.flex_footer_cntr .flex_cntr1, .flex_footer_cntr .flex_cntr2 {
  width:130px; 
  margin-right:10px;
}
.flex_footer_cntr .flex_cntr2 { 
  margin-left:40px; 
}
.flex_footer_cntr .flex_cntr3, .flex_footer_cntr .flex_cntr4  {
  margin-left:40px;
  margin-right:10px;
}
.flex_footer_cntr .flex_cntr3, .flex_footer_cntr .flex_cntr4  {
  width:190px;
}
.flex_footer_cntr .flex_cntr4 {
  width:330px;
}

/* Flexform right container */
#right_container{
  width:220px;
  min-height:300px;
  color:#e7e6e6;
}

.right_box{
  width:100%;
  min-height:314px;
  background-image:url('../images/rightcontainer_bg.jpg');
  background-repeat:no-repeat;
  background-color:#2a292a;
}

.right_box_small{
  width:100%;
  height:87px;
  background-image:url('../images/rightcontainer_bottom_bg.jpg');
  background-repeat:no-repeat;
  float:left;
}

.right_box_small .small_margin{
  margin:0px auto;
  margin-top:33px;
  margin-bottom:46px;
}

.right_box_small .small_margin h2{
  font-size:17px;
  text-align:center;
}

.right_box_small .small_margin h2 p {
  color:#E7E6E6;
}

/* ----- styling column-splitters ----- */
.col2, .col26040, .col3 {
  line-height: 1.4em;
}

.col2 .left, .col2 .right {
  width:50%;
  float:left;
}

.col26040 .left {
  width:456px;
  padding:0 16px 0 0;
  float:left;
  overflow:hidden;
}

.col26040 .right {
  width:220px;
  float:left;
  padding:0 16px 0 0;
}
.col23366 .left {
  width:220px;
  float:left;
  overflow:hidden;
  padding:0 16px 0 0;
}

.col23366 .right {
  width:456px;
  float:left;
  padding:0 16px 0 0;
}

.col3 h2 {
  margin:0 0 8px 0;
  color:#FFFFFF;
  font-size: 1.5em;
}

.col3 .left, .col3 .middle, .col3 .right {
  width:220px;
  float:left; 
  padding:0 16px 0 0;
}
#topimage_part .col26040 .left .margin, #topimage .col26040 .left .margin{
  padding:0;
}
#topimage_part .col26040 .right .margin, #topimage .col26040 .right .margin{
  padding:15px;
}

.col3 .left .margin, .col3 .middle .margin, .col3 .right .margin {
  padding:0 !important;
}

.col2 .left, .col2 .right {
  width:50%;
  float:left;
}

.printmenu p{
  color:#333333;
  float:left;
  font-weight:bold;
  margin-left:2px;
  cursor:pointer; 
  cursor:hand;
  text-decoration: none;
}

#tip_link p{
  float:left;
  left:50px;
  position:relative;
  top:-17px;
}

/* Frames */
.beigeframe_box, .blueframe_box {
  /*width:220px;*/
  position:relative;
  margin-bottom:14px;
}
.blueframe_box{
  background-color:#d2e4e5;
}
.beigeframe_box{
  background-color:#e9e0cc;
}
#startbox .beigeframe_box, #startbox .blueframe_box {
  height:260px;
}
.corner_tl, .corner_tr, .corner_bl, .corner_br {
  display:block;
  position:absolute;
  height:10px;
  width:10px;
  z-index:10;
  overflow:hidden;
  background-image:url(../images/framecorners.png);
}
.corner_tl {
  top:0;
  left:0;
  background-position:-10px -10px;
}
.corner_tr {
  top:0;
  right:0;
  background-position: 0 -10px;
}
.corner_bl {
  bottom:0;
  left:0;
  background-position: 10px 0;
}
.corner_br {
  bottom:0;
  right:0;
  background-position: 0 0;
}

.frame_content{
  padding:20px 0 10px;
}

.frame_content h3, .frame_content h4 {
  padding:0px 15px;
  margin:0;
}
.frame_content h2 {
  color:#B7954B;
  padding:0px 15px;
  margin:0 0 8px;
  font-size:1.2em;
  font-family:georgia,arial;
}
.frame_content p {
  margin:0;
  padding:0px 15px 10px;
}
#startbox .frame_content p {
  font-size:11px;
}
.frame_content h1 {
  font-size:8pt;
  font-weight:bold;
  padding:0px 15px;
}

#startbox .inside img, #startbox .outside img {
  bottom:0;
  float:none;
  margin:0;
  position:absolute;
  right:0;
  float:none;
}
.inside img, .outside img {
  float:right;
  margin-top:-10px;
}
.inside, .outside {
  display:inline;
}
#startbox .beigeframe_box .outside img,
#startbox .blueframe_box .outside img {
  bottom:-14px;
  right:10px;
}
.beigeframe_box .outside img,
.blueframe_box .outside img {
  margin:-10px 10px -14px 0;
}


#footer_text img {
  margin: 25px 0 0 1px;
  width: 584px;
  /*height: 14px;*/
}

/* Style for internal links */

.internal-link-new-window {
  background-image:url(../images/flex-link-image.png);
  background-repeat:no-repeat;
  display:block;
  padding-left:31px;
  line-height:22px;
  text-decoration: none;
  font-weight: bold;
}

/* Style for external links */
.external-link-new-window, .tx-indexedsearch-title a{
  background: transparent url(../images/flex-link-image.png) scroll no-repeat 0 0;
  display:block;
  padding-left:31px;
  line-height:22px;
  text-decoration: none;
  font-weight: bold;
}


.external-link-with-arrow, .internal-link-with-arrow, .download-link-with-arrow {
  background-image:url(../images/flex-link-image.png);
  background-repeat:no-repeat;
  background-position:0 0px;
  display:block;
  padding-left:31px;
  line-height:22px;
  text-decoration: none;
  font-weight: bold;
}

#confirmWindowBackground {
  position: absolute;
  z-index: 200;
  top: 150px;
  left: 400px;
  display: none;
  background: transparent url(../images/confirm_shadow.png);
  width: 439px;
  height: 294px;
}
#confirmWindow {
  position:relative;
  margin: 16px 0px 0px 21px;
  display: none;
  background: #FFFFFF;
  min-height: 179px;
  width: 335px;
  padding: 26px 30px 45px;
  border: 1px solid #000;
  font-size:1.2em;
}
#confirmWindowButtons{
  margin-top:15px;
}
#confirmWindow a {
  font-size: 12px;
}
#confirmWindowShadow {
  position: absolute;
  z-index: 199;
  top: 0px;
  left: 0px;
  display: none;
  background: #000000;
  height: 100%;
  width: 100%;
  opacity:0.3;
  filter:alpha(opacity=30);
}

#topimage {
  margin:0;
  position:relative;
}

#topimage .topimage_image {
  width:942px;
  z-index:0;
  border:9px solid white;
}
#topimage .topimage_image img{
  width:942px;
}
#topimage .topimage_text {
  z-index:1;
  position:absolute;
  right:25px;
  top:32px;
  width:350px;
}

#topimage h2 {
  color:#b7954b;
  font-weight:bold;
/*  font-size:2.5em;*/
  font-weight:bold;
  /*letter-spacing:0.022em;*/
  line-height:1.21em;	
}

#topimage .topimage_text p {
  color:#828282;
  font-weight:bold;
  font-size:1.14em;
}

/* RTE style small black text (sub) */
sub {
  font-size:0.8em;
  color:#000000;
}

/* General forms */
textarea {
  background:transparent url(../images/kontakt_message.gif) no-repeat scroll 0 0 !important;
  border:1px solid #CEC7BB;
  color:#333333;
  font-family:Arial,Verdana,Helvetica;
  font-style:normal;
  height:121px;
  margin-bottom:4px;
  padding:2px 0 0 3px;
  width:245px;
}

input {
  background:white url(../images/kontakt_input.gif) no-repeat scroll right bottom;
  border:1px solid #CEC7BB;
  color:#333333;
  font-style:normal;
  height:16px;
  padding-left:3px;
  padding-top:5px;
  margin-bottom:4px;
  width:245px;
  vertical-align:middle;
}