/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video{ display: block; }
mark, rp, rt, ruby, summary, time{ display: inline }

/* Left & Right alignment */

.left { float:left;}
.right { float:right;}
.wrapper {width:100%; overflow:hidden;}

/* Global properties ======================================================== */

body{ background: url(../images/bg.gif) top center repeat; border:0; font:12px Helvetica, Arial, sans-serif; color:#626262; line-height:22px;}

.css3{border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; box-shadow: 0 0 4px rgba(0, 0, 0, .4); -moz-box-shadow: 0 0 4px rgba(0, 0, 0, .4); -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, .4); behavior: url(js/PIE.htc); position: relative;}

/* Global Structure ============================================================= */

.body1{ background:url(../images/bg_top.jpg) top center no-repeat; position:relative; z-index:2; height:117px;}
#page1 .body1{ height:601px;}
.body2{ border-top:3px solid #fff;}
#page1 .body2{ margin-top:-154px; position:relative; z-index:1}
.body3{ background:url(../images/bg_footer.gif) top repeat-x; height:116px;}

.block {height:116px;}
.extra {min-height:100%; height:auto !important; height:100%; margin: 0 auto -116px;}
body, html {height:100%;}


/* ============================= main layout ====================== */

a{ color:#626262; text-decoration: underline; outline:none}
a:hover{ text-decoration: none}
h2, h3{ font-size:22px; line-height:40px; font-weight:700; color:#6e6a58; padding:0 0 4px 0; margin-top:26px;}
h3{ background:url(../images/line_hor1.gif) bottom repeat-x; padding-bottom:6px; margin-bottom:20px;}
h3 span{ display:block; padding-left:40px}
p{padding-bottom:22px;}

/* ============================= header ====================== */
header{ height:117px}

#page1 header{height:447px;}

#menu{ text-align:center}
#head{ text-align:center}

/* ============================= content ====================== */

#content{ width:100%; overflow:hidden; padding-bottom:64px; padding-top:29px;}
#page1 #content{ padding-top:125px}
figure{ margin-top:7px;}

.pad_bot1{ padding-bottom:18px;}
.pad_bot2{ padding-bottom:27px;}
.pad_bot3{ padding-bottom:10px;}
.marg_right1{ margin-right:20px;}

.list1 li{ line-height:34px; height:34px; background:url(../images/bg_box1.gif) top repeat-x #dcdcdc; border:1px solid #cbcbcb; margin-bottom:5px; position:relative; behavior: url(js/PIE.htc);border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
.list1 li a{ display:block; background:url(../images/marker_1.png) 10px 13px no-repeat; padding-left:26px; text-decoration:none}
.list1 li:hover{ background:#000; border:1px solid #000}
.list1 li:hover a{ color:#fff}

.img1{ background:url(../images/img_1.jpg) 0 2px no-repeat}
.img2{ background:url(../images/img_2.jpg) 0 0px no-repeat}
.img3{ background:url(../images/img_3.jpg) 0 3px no-repeat}
.img4{ background:url(../images/img_4.jpg) 0 0px no-repeat}
.img5{ background:url(../images/img_5.jpg) 0 0px no-repeat}

.button{ display:inline-block; font-size:15px; color:#424242; text-decoration:none; line-height:24px; background:url(../images/bg_button.gif) top repeat-x #d3d3d3; border:1px solid #bebebe;position:relative; behavior: url(js/PIE.htc);border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; padding:0 10px; padding-bottom:2px;}
.button:hover{ background: url(../images/bg_button_active.gif) top repeat-x #e8e8e8;}

.link1{ font-size:11px; font-weight:bold; padding-left:20px; background:url(../images/marker_2.gif) 0 1px no-repeat}

.tabs ul.nav { position:relative; padding-top:38px;}
.tabs ul.nav li{ line-height:34px; height:34px; background:url(../images/bg_box1.gif) top repeat-x #dcdcdc; border:1px solid #cbcbcb; margin-bottom:5px; position:relative; behavior: url(js/PIE.htc);border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
.tabs ul.nav li a{ display:block; padding-left:9px; line-height:32px; text-decoration:none}
.tabs ul.nav .selected, .tabs ul.nav li:hover { background:#f4f3f3}
.tabs .tab-content { position: relative; }

.tabs .tabs2 ul.nav2 {}
.tabs .tabs2 ul.nav2 li { float: right; padding:0 12px 0 0; line-height:16px; margin-bottom:0; margin-top:-2px; height:16px; background:none; border:none;border-radius:0; -moz-border-radius:0; -webkit-border-radius:0;}
.tabs .tabs2 ul.nav2 li a{ padding-left:0; line-height:16px; text-decoration:none}
.tabs .tabs2 ul.nav2 .selected a, .tabs .tabs2 ul.nav2 li a:hover{ color:#919191}
.tabs .tabs2 ul.nav2 { padding-top:0}

/*---gallery1 begin ---*/
.carousel-box .inner1{ position:relative; padding-top:6px; width:100%; overflow:hidden }
.gallery1{ float:left;}
.gallery1 li{ float:left; padding-right:20px;  width:180px; margin-top:-4px;}
.gallery1 li p{ padding-bottom:17px;}
.gallery1 li span{ font-size:10px;  display:block; padding-top:1px;}
.inner1 .next{ position:relative; background: url(../images/marker_right.jpg) no-repeat; width:24px; height:104px; float:right; cursor:pointer}
.inner1 .prev{ position:relative; background: url(../images/marker_left.jpg) no-repeat; width:24px; height:104px; float: left; cursor:pointer; margin-right:16px;}
.inner1 .next:hover{ background:url(../images/marker_right_active.gif) no-repeat}
.inner1 .prev:hover{ background:url(../images/marker_left_active.gif) no-repeat}

/*---gallery2 begin ---*/
#page2 .carousel-box{ padding-top:7px; padding-bottom:20px; width:100%; overflow:hidden}
.carousel-box .inner2{ position:relative; overflow:hidden; background:#f4f3f3; border:1px solid #cbcbcb; padding:10px 9px 8px;position:relative; behavior: url(js/PIE.htc);border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
.gallery2{ float: right; width:520px;}
.gallery2 li{ float: right !important; padding-right:12px;}
.gallery2 li p{ padding-bottom:17px;}
.gallery2 li img{ padding-bottom:11px;}
.gallery2 li span{ font-size:10px;  display:block; padding-top:1px;}
.inner2 .next2{ position:relative; background: url(../images/marker_right2.gif) no-repeat; width:15px; height:16px; float:right; cursor:pointer; margin-left:4px;}
.inner2 .prev2{ position:relative; background: url(../images/marker_left2.gif) no-repeat; width:15px; height:16px; float: left; cursor:pointer; margin-right:16px;}

/*---gallery3 begin ---*/
.carousel-box .inner3{ position:relative; padding-top:6px; width:100%; overflow:hidden; padding-bottom:2px; min-height:254px; }
.gallery3{float:left;}
.gallery3 li{ float:left; padding-right:27px; width:173px; min-height:254px;}
.gallery3 li p{ padding-bottom:17px;}
.gallery3 li img{ margin-bottom:15px;}
.gallery3 li span{ font-size:10px; display:block; padding-top:1px;}
.inner3 .next3{ position:relative; background: url(../images/marker_right3.gif) no-repeat; width:24px; height:254px; float:right; cursor:pointer}
.inner3 .prev3{ position:relative; background: url(../images/marker_left3.gif) no-repeat; width:24px; height:254px; float: left; cursor:pointer; margin-right:16px;}
.inner3 .next3:hover{ background:url(../images/marker_right3_active.gif) no-repeat}
.inner3 .prev3:hover{ background:url(../images/marker_left3_active.gif) no-repeat}


.font1{ font-size:18px; font-weight:bold; line-height:26px;}

iframe{ margin-top:-3px;}

#wrap_map{ padding-top:8px; position:relative; width:230px; height:187px; margin-bottom:13px}
#map_canvas{ width:230px; height:187px;}

.top_left, .top_right, .bot_right, .bot_left{ position:absolute; width:5px; height:5px;}
.top_left{ background: url(../images/top_left.png) no-repeat; top:8px; left:0px}
.top_right{ background:url(../images/top_right.png) no-repeat; top:8px; right:0px;}
.bot_right{ background:url(../images/bot_right.png) no-repeat; bottom:0; right:0px;}
.bot_left{ background:url(../images/bot_left.png) no-repeat; bottom:0; left:0px}

.col{ float:left; width:180px;}

.color1{ color:#919191}

/* ============================= footer ====================== */

footer { font-size:12px; color:#9c9c9c; width:100%; overflow:hidden}
footer a{ color:#9c9c9c}

footer h2{ font-weight:400; color:#6d6d66; margin-top:27px; padding-bottom:0; line-height:34px;}

#icon li{ float:left; padding-right:3px;}
#footer_logo{ position:relative; z-index:1; display:block; background:url(../images/footer_logo.jpg) no-repeat; width:167px; height:50px; text-indent:-5000px; margin-top:27px;}
#privacy{ position:absolute; left:63px; top:54px; z-index:2}
/* ============================= forms ============================= */

#ContactForm { padding-top:7px;}
#ContactForm .wrapper{ margin-bottom:10px;}
#ContactForm .wrapper.no_pad { margin-bottom:4px;}
#ContactForm .bg{ background:url(../images/bg_form.gif) repeat; border:1px solid #cbcbcb; float:left; padding:8px 0;position:relative; behavior: url(js/PIE.htc);border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
#ContactForm .button{ margin-left:29px; float:right; margin-top:17px; background: url(../images/bg_button_active.gif) top repeat-x #e8e8e8;}
#ContactForm .button:hover{background:url(../images/bg_button.gif) top repeat-x #d3d3d3;}
#ContactForm .input {width:336px; height:16px;  background: none;color:#626262; font:12px Arial, Helvetica, sans-serif ; padding:0 11px;}
#ContactForm textarea { overflow: auto;width:566px; height:156px;  background: none; color:#626262; font:12px Arial, Helvetica, sans-serif ; padding:0 11px}
* +html #ContactForm .bg{ padding:10px 0}
ul.liste { list-style:disc; margin: 10px 20px; }
ul.liste .liste { list-style:circle; margin: 10px 20px; }
/**
  * @section subtemplates
  * @see     http://www.yaml.de/en/documentation/practice/subtemplates.html
  */
  .subcolumns { display:table; width:100%; table-layout:fixed; }
  .subcolumns_oldgecko { width: 100%; float:left; }

  .c20l, .c25l, .c33l, .c40l, .c38l, .c50l, .c60l, .c62l, .c66l, .c75l, .c80l { float:left; }
  .c20r, .c25r, .c33r, .c40r, .c38r, .c50r, .c60r, .c66r, .c62r, .c75r, .c80r { float:right; margin-left:-5px; }

  .c20l, .c20r { width:20%; }
  .c40l, .c40r { width:40%; }
  .c60l, .c60r { width:60%; }
  .c80l, .c80r { width:80%; }
  .c25l, .c25r { width:25%; }
  .c33l, .c33r { width:33.333%; }
  .c50l, .c50r { width:50%; }
  .c66l, .c66r { width:66.666%; }
  .c75l, .c75r { width:75%; }
  .c38l, .c38r { width:38.2%; }
  .c62l, .c62r { width:61.8%; }

  .subc  { padding:0 0.5em; }
  .subcl { padding:0 1em 0 0; }
  .subcr { padding:0 0 0 1em; }

  .equalize, .equalize .subcolumns { table-layout:fixed; }

  .equalize > div {
    display:table-cell;
    float:none; 
    margin:0; 
    overflow:hidden;
    vertical-align:top;
  }

#ContactForm { }
#ContactForm label { border-top: 1px solid #ccc; display:block; }
#ContactForm label.error, #commentForm input.submit { padding-left:11px; color: #aa1212;}