/* CSS Document */

html, body
{
    margin: 0px auto;
    background-image: url(../images/bg.jpg);
    background-repeat: repeat-x;
    background-color: #2e95a0; /* #103136; #91ced5*/
}
*
{
    margin: 0px auto;
    line-height: 15px;
}
a
{
    color: #000000;
    text-decoration: underline;
}
a:hover
{
    color: #000000;
    text-decoration: none;
}
img
{
    border: 0pt;
}
table
{
    margin: 0px;
}
td
{
    padding: 1px 3px;
    vertical-align: top;
}
ul
{
    margin: 0px;
    padding: 0px;
}
ul li
{
    margin: 0px;
    padding: 0px;
}
#main
{
    position: relative;
    width: 1100px;
}
#top
{
    position: relative;
    background-image: url(../images/top.jpg);
    background-repeat: no-repeat;
    width: 1100px;
    height: 79px;
}
#top2
{
    position: relative;
    background-image: url(../images/top2.jpg);
    background-repeat: no-repeat;
    width: 1100px;
    height: 151px;
}
#flag
{
    position: absolute;
    top: 6px;
    right: 80px;
    width: 70px;
    height: 33px;
    overflow: hidden;
}
a.flagen
{
    background-image: url(../images/flag_en.png);
    background-repeat: no-repeat;
    background-position: left top;
    width: 33px;
    height: 33px;
    float: right;
    display: block;
    overflow: hidden;
    text-indent: -1000px;
}
a.flagen:hover
{
    background-position: left -33px;
}
a.flagnb
{
    background-image: url(../images/flag_no.png);
    background-repeat: no-repeat;
    background-position: left top;
    width: 33px;
    height: 33px;
    float: right;
    display: block;
    overflow: hidden;
    text-indent: -1000px;
}
a.flagnb:hover
{
    background-position: left -33px;
}
.flagnb_active, a.flagnb_active, a.flagnb_active:hover
{
    background-image: url(../images/flag_no.png);
    background-repeat: no-repeat;
    background-position: left -33px;
    width: 33px;
    height: 33px;
    float: right;
    display: block;
    overflow: hidden;
    text-indent: -1000px;
    cursor: default;
}
.flagen_active, a.flagen_active, a.flagen_active:hover
{
    background-image: url(../images/flag_en.png);
    background-repeat: no-repeat;
    background-position: left -33px;
    width: 33px;
    height: 33px;
    float: right;
    display: block;
    overflow: hidden;
    text-indent: -1000px;
    cursor: default;
}
#menu
{
    position: absolute;
    top: 49px;
    right: 72px;
    font-family: Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    font-size: 11px;
    color: #003166;
    line-height: 11px;
}
#menu ul
{
    padding: 0px;
    margin: 0px;
    list-style: none;
}
#menu ul li
{
    display: inline;
    padding: 0px;
    margin: 0px;
    float: left;
}
#menu ul li a
{
    background-image: url(../images/bullet.gif);
    background-repeat: no-repeat;
    background-position: left top;
    padding: 0px 10px 0px 8px;
    text-decoration: none;
    color: #003166;
}
#menu ul li a:hover
{
    background-position: left -11px;
    color: #4c0404;
}
#menu ul li .menuSelected
{
    background-image: url(../images/bullet.gif);
    background-repeat: no-repeat;
    background-position: left -11px;
    padding: 0px 10px;
    text-decoration: none;
    color: #4c0404;
}
#header
{
    position: relative;
    background-image: url(../images/header.jpg);
    background-repeat: no-repeat;
    width: 1100px;
    height: 282px;
}
#logo a
{
    position: absolute;
    top: 10px;
    left: 152px;
    width: 269px;
    height: 65px;
    display: block;
    overflow: hidden;
    text-indent: -1000px;
}
#container
{
    background-image: url(../images/content.jpg);
    background-repeat: no-repeat;
    width: 910px;
    padding: 0px 95px;
    overflow: hidden;
}
#container2
{
    background-image: url(../images/content2.jpg);
    background-repeat: no-repeat;
    width: 910px;
    padding: 0px 95px;
    overflow: hidden !important;  /* new */ 
    overflow:visible;
	height:auto !important; height:469px; min-height:469px;; 
}
#container3
{
    background-image: url(../images/container.jpg);
    background-repeat: no-repeat;
    width: 871px;
    padding: 32px 111px 20px 118px;
    height: auto !important;
    height: 748px;		  /*old: 700px ; */
    min-height: 748px;/*old: 700px ; */
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #010b0c;
}

#teaserBox
{
    width: 287px;
    height: auto !important;
    height: 418px; /*old: 448px; */
    min-height: 418px;	  /*old: 448px; */
    float: left;
    padding: 36px 23px 15px 38px;	  /*old: 6px 23px 15px 38px ; */
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #010b0c;
}
.teaser
{
    width: 287px;
    overflow: hidden;
    margin-bottom: 15px;
}
.teaser img
{
    float: left;
}
.teaserText
{
    margin-left: 90px;
    padding: 5px 0px;
    overflow: hidden;
}
.ff2 .teaserText
{
    margin-left: 0;
}
.teaserText h1
{
    color: #FFFFFF;
    background-color: #2b4f74;
    font-size: 12px;
    padding: 2px 5px;
    font-family: Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    margin-bottom: 5px;
}
.teaserText a.readmore, .readmore
{
    float: right;
    font-weight: bold;
    text-decoration: none;
}
#contentBox
{
    width: 509px;   /* old: 499px - change for the new column */
    height: auto !important;
    height: 448px;
    min-height: 448px;
    float: right;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #010b0c;
    padding: 20px;
}
#contentBox2
{
    width: 850px;   /* old: 870px */
    height: auto !important;
    height: 448px;
    min-height: 448px;
    float: right;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #010b0c;
    padding:40px 20px 20px 40px;/*old: padding: 20px;  */
}
#contentBox3{
	width:831px; height:auto !important; height:448px; min-height:448px; float:right;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px; color:#010b0c;
	padding:20px;
}
.heading
{
    position: relative;
    background-image: url(../images/heading.png);
    background-repeat: no-repeat;
    height: 19px;
    line-height: 19px;
    padding-left: 35px;
    margin-bottom: 15px;
    font-family: Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    color: #000000;
    font-size: 13px;
}
.catalog_name
{
    height: 19px;
    line-height: 19px; /*padding-left:35px;      background-image:url(../images/heading.png); 	background-repeat:no-repeat;     */
    margin-bottom: 15px;
    font-family: Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    color: #000000;
    font-size: 13px;
}
.content
{
    position: relative;
    padding: 0px 0px 15px 0px;
    overflow:hidden; 
}
.content ul
{
    padding: 0px;
    margin: 0px;
}
.content ul li
{
    padding: 0px;
    margin-left: 15px;
}
#footer
{
    position: relative;
    width: 1100px;
    height: 30px;
    line-height: 30px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color:#ffffff; /* color: #909090; #065590*/
    text-align: center;
    clear: both;
}
#footer a
{
    line-height: 30px;
     color:#ffffff;/*color: #909090;#065590;*/
}
/* ==============  KONTAKT FORM ================= */

#contact_form
{
    width: 400px;
    margin: 0px 0px 5px 15px;
    padding: 0px 10px;
    overflow: hidden;
    float: right;
}
#contact_form ul
{
    padding: 0px;
    margin: 0px;
    list-style: none;
}
#contact_form ul li
{
    width: 400px;
    padding: 0px 0px;
    display: inline;
    float: left;
    margin: 1px 0px;
}
#contact_form ul li label
{
    width: 100px;
    float: left;
    display: block;
}
#contact_form ul li p
{
    width: 280px;
    padding: 0px;
    margin: 0px;
    float: right;
}
#contact_form .textarea
{
    border: 1pt solid #999999;
    background-color: #ffffff;
    width: 100%;
    height: 100px;
}
#contact_form .inputText
{
    border: 1pt solid #999999;
    background-color: #ffffff;
    width: 100%;
    height: 18px;
    line-height: 18px;
    font-size: 11px;
}
#flashMap
{
    width: 871px;
    overflow: hidden;
}
#map
{
    width: 871px;
    height: 462px;
    float: right;
}
#mapMenu
{
    background-image: url(../images/bgFlash.png);
    width: 208px;
    height: auto !important;
    height: 362px;
    min-height: 362px;
    padding: 50px 23px 50px 23px;
    float: left;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    text-transform: uppercase;
    color: #FFFFFF;
}
#mapMenu ul
{
    padding: 0px;
    margin: 0px;
    list-style: none;
}
#mapMenu ul li
{
    padding: 0px 0px 2px 0px;
    margin: 0px;
    border-bottom: 1pt dashed #76979b;
    line-height: 20px;
}
#mapMenu ul li a
{
    line-height: 20px;
    color: #FFFFFF;
    text-decoration: none;
    display: block;
    padding: 0px 3px;
}
#mapMenu ul li a:hover
{
    background-color: #2a5257;
    text-align: right;
}
.mapDetail
{
    width: 823px;
    clear: both;
    padding: 59px 0px 0px 0px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #FFFFFF;
}
.mapDetail a
{
    color: #FFFFFF;
}
.mapHead
{
    position: relative;
    background-image: url(../images/heading.png);
    background-repeat: no-repeat;
    height: 19px;
    line-height: 19px;
    padding-left: 35px;
    margin-bottom: 15px;
    font-family: Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    color: #ffffff;
    font-size: 13px;
    border-bottom: 1pt solid #32676e;
    padding-bottom: 5px;
}
.mapDetail img
{
    float: left;
}
.m_Detail
{
    margin-left: 247px;
    padding: 30px;
}
/* ------- */
/*  SIDE   */
/* ------- */
#Area1
{
    display: block;
}
#Area2
{
    display: none;
}
#Area3
{
    display: none;
}
#Area4
{
    display: none;
}
#Area5
{
    display: none;
}
#Area6
{
    display: none;
}
#Area7
{
    display: none;
}
#Area8
{
    display: none;
}
#Area9
{
    display: none;
}
#Area10
{
    display: none;
}
#Area11
{
    display: none;
}
#Area12
{
    display: none;
}
#Area13
{
    display: none;
}
#Area14
{
    display: none;
}
#Area15
{
    display: none;
}

/*--------------------------------Tran----------------------------------*/

#colLeft
{
    width: 205px;
    float: left;
}


#colLeft .col1
{
    width: 200px;
    float: left;
    font-size: 12px;
}
#colLeft .col1 .catalog
{
    padding-bottom: 50px;
    font-size: 12px;
    margin-top: 15px;
}
#colLeft .col1 .catalog .catalog_item
{
    margin: 5px 0 0 0px;
}
#colLeft .col1 .catalog ul
{
    padding: 0 0 0 15px;
}
#colLeft .col1 .catalog ul li
{
    list-style: none;
    line-height: 25px;
    font-size: 14px;
    font-family: Arial,Helvetica,sans-serif;
    padding-bottom: 3px;
}
#colLeft .col1 .catalog ul li a
{
    color: #000;
    font-weight:bold;
    text-decoration: none;
}
#colLeft .col1 .catalog ul li a:hover
{
    color: #000000;
}
#colLeft .col1 .catalog_title
{
    font-weight: bold;
    font-size: 12px;
    font-family: Arial,Helvetica,sans-serif;
    text-transform: uppercase;
    color: #000000;
    margin: 0 0 5px 10px;
}

#colRight
{
    width: 650px;
    float: left;
}

#listBox
{
    width: 650px;
}
.page
{
    text-align: right;
    padding-bottom: 2px;
    border-bottom: 1pt solid #6da5ad;
    color: #334E52;
}

.boxList1
{
    width: 640px;
    float: left;
    padding: 5px;
    overflow: hidden;
}
.boxList1 h1
{
    color: #000000;
    line-height: 25px;
    margin-bottom: 4px;
    padding: 0px 4px;
    font-size: 13px;
}
.boxList1 .thumbPicContainer img
{
    float: left;
    margin: 0px 15px 5px 0px;
    border: 1pt solid #44686d;
    max-width: 150px;
    max-height: 150px;
}
.boxList1 .readmore
{
    float: right;
}

.boxList1 .product_summary
{
}
#contentPro
{
    position: relative;
    width: 654px;
    float: left;
}

.product_details
{
    margin: 0px 0 10px 0px;
}

.products
{
    /*padding:15px 0 0 0; */
    width: 654px;
}

.productdetail_image_container
{
    width: 260px;
    height: 180px;
}
.productdetail_image_container img
{
    max-width: 250px;
    max-height: 180px;
}

.products2
{
    padding: 15px 0 0 10;
}

.products_col1
{
    width: 280px;
    float: left;
    padding-top: 2px;
}

.list_products
{
    margin: 5px 0 15px;
    text-align: left;
}

.list_products ul
{
    list-style-type: none;
    list-style-image: none;
    list-style-position: outside;
    display: inline;
    margin-left: 0px;
}
.list_products ul li
{
    list-style: none;
    display: inline;
}
.list_products ul li img
{
    padding-top: 5px;
    max-width: 60px;
    height: 40px;
    overflow: hidden;
}
.product_in_cat
{
    padding: 5px 0;
}
.products_col2
{
    font-size: 11px;
}
.products_col2 .product_title
{
    font-weight: bold;
    margin-bottom: 10px;
    font-size: 14px;
    color: #000000;
}
.products_col2 .product_desc
{
    padding: 0 0 12px 0;
}

.addressContact
{
    font-size: 11px;
    color: #000000;
    font-weight: bold;
    text-transform: uppercase; /*background-color:#ffffff; 	width:400px; 	 	float:left;*/
    height: 20px;
    line-height: 19px;
    padding-bottom: 15px;
    padding-top: 30px;
}

.addressContactDes
{
    line-height: 25px; /*width:400px; 	height:auto; 	float:left;*/
}

.list_people
{
    margin: 5px 0 15px; /*text-align:left;  	float:left;*/
}

.list_people table
{
    width: 100%;
    padding-top: 20px;
}

.contactDes
{
    /* 	width:390px; 	float:left;*/
}

.clear
{
    clear: both;
    padding: 0;
    margin: 0;
    line-height: 0;
}

.ContactList
{
    clear: left;
}
.ContactInfo
{
    float: left;
    width: auto;
}
.imgCapDiv
{
    height: 30px;
    width: 140px;
    float: right;
}
.captchaImg
{
    height: 35px;
    width: 140px; /*padding-top: 2px;     float:right;*/
}
.CaptchaInput
{
    border-style: solid;
    border-width: 1px;
    color: #999999;
    font-family: Arial;
    font-size: 14pt;
    height: 30px;
    line-height: 25px;
    text-align: center;
    width: 130px; /*float:right;*/
    margin: 0 5px;
    float: right;
}
#contentBox ul li, .teaser ul li
{
    background-image: url(../images/ul-li.gif);
    background-position: left 8px;
    background-repeat: no-repeat;
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    margin: 0 10px;
    padding: 3px 0 3px 12px;
}
.content_home
{
    padding: 0 0 15px;
    float: left;
    width: 300px;
}
.content_home_right
{
    float: right;
    width: 200px;
    padding: 0 0 15px;
}
.slogan
{
    font-size: 15px;
    font-weight: bold;
    left: 700px;
    position: absolute;
    top: 380px;
    width: 300px;
}
.news_titletop
{
    font-weight: bold;
}
.news_toptitle
{
    display: none;
}
.ResultItemLink
{
    font-size: 14px;
    font-weight: bold;
    line-height: 25px;
}
.url
{
    color: #315477;
}

#teaserBox .SearchBoxContainer .SearchBox
{
    text-align: right;
}
#teaserBox .SearchPromt
{
    text-align: left;
    display: block;
    margin-left: 90px;
    font-weight: bold;
    background-color: #2B4F74;
    color: #FFFFFF;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    margin-bottom: 5px;
    padding: 2px 5px;
    text-transform: uppercase;
}

#footer .SearchButton
{
    width: 60px;
}
#footer .SearchPromt
{
    display: none;
}
#footer .SearchTextBox
{
    width: 140px;
}
#footer .SearchBoxContainer
{
    float: right;
    margin-right: 80px;
}

#footer .copyright
{
    float: left;
    text-align: right;
    width: 740px;
}
.SearchResultHeader
{
    margin: 5px auto;
}