/* CSS Document */

* {        margin:0; padding:0; font-size:100%;}

/* body{background:url(images/top-tail.gif) top repeat-x #9D9D9D; text-align:center;} */
body{background-color: #9D9D9D; text-align:center;}

img {vertical-align:top;}
a img { border:0;}
ul { list-style:none;}

h2 {
        color: #396695;
        font: normal 22px Arial, Helvetica, sans-serif;
        background: url( heading-.gif ) repeat-x bottom;

        #font-weight:bold;
        text-decoration:none;
}

.left { float:left;}
.right {float:right;}
.clear  { clear:both;}

html{ font-family:Arial, Helvetica, sans-serif; font-size:0.8125em; line-height:1.24em; color:#141414;}
input, select { vertical-align:middle; font-weight:normal;}

input {
  background-image:url(background.gif);
  padding:4px;
  width: 180px;
  border:1px solid #c1c1c1;
  font-family:Arial,Verdana,sans-serif;
  font-size:11px;
  font-weight:normal;
  color: #000000;
  }
  
.button {
  background-color: #396695;
  color:#ffffff;
  width: 70px;
  padding-left: 10px;
  padding-right: 10px;
  border:1px solid #ffffff;
  height: 25px;
}

a {color:#396695; outline:none;}
a:hover{text-decoration:none;}
strong{ display:block; padding-bottom:6px; line-height:1em;}
.strong1{ color:#396695; font-size:0.846em; }
b{ color:#fff;}
p{padding-top: 16px; }

/* ============================= main layout ====================== */
.imgindent {margin:-7px 16px 0 0; float:left; position:relative;}
.imgindent2 {margin:0 16px 0 0; float:left;}
.img{margin-top:-7px; position:relative;}
* html .imgindent, * html .img{ position:fixed;}
.phone{ float:right; padding-right:10px;}
.space1{ margin-left:36px;}
.space2{ margin-left:23px;}
.padding1{ padding-top:25px;}
.padding2{ padding-top:32px;}
.hier { color:#5E5E5E; padding-bottom: 20px; font: normal 10px Arial, Verdana, sans-serif; }
.hier a{ color:#5E5E5E; }
.highlight_word{
    background-color: #C9DFF6;
}
/* ============================= header ====================== */
#header{ background:url(images/header-bg.jpg) no-repeat 0 0;}
#header .top{ width:100%; overflow:hidden; height:67px;}
#header .logo{ padding-top:15px; float: left; line-height: 1.6em;}
#header .top .right{ text-align:right; padding:53px 8px 0 0;}
#header .top .list1{ padding-bottom:5px;}
#header .top .list1 li{ display:inline;  font-size:0.969em; color:#777777; padding-left:2px;}
#header .top .list1 a{ color:#777777; text-decoration:none; display:inline-block; margin-right:6px;}
#header .top .list1 a:hover{ color:#BABAFC;}
/* #header .bgtop{ background:url(images/bgtop.jpg) no-repeat 0 0; } */
#header .smalltop{ width:100%; overflow:hidden; height:110px;}
#header .smalltop .right{ text-align:right; padding:3px 8px 0 0;}
#header .smalltop .list1{ padding-bottom:5px;}
#header .smalltop .list1 li{ display:inline;  font-size:0.969em; color:#777777; padding-left:2px;}
#header .smalltop .list1 a{ color:#777777; text-decoration:none; display:inline-block; margin-right:6px;}
#header .smalltop .list1 a:hover{ color:#BABAFC;}
#header .left-corner{ background:url(images/corner-left-top.gif) left top no-repeat #fff; width:100%;}
#header .right-corner{ background:url(images/corner-right-top.gif) right top no-repeat; padding:5px 5px 0 5px;}
#header .menu{ width:100%; overflow:hidden; padding-bottom:4px;}
#header .menu li{ float:left;}
#header .menu a{ display:inline-block; font-size:0.969em;  color:#ffffff; text-decoration:none; text-align:center; cursor:pointer; background:url(images/menu-item-tail.gif) top repeat-x;}
#header .menu a span{ display:block; background:url(images/menu-border.gif) right top no-repeat;}
#header .menu a span span{ width:107px; padding:17px 0;}
#header .menu .first a span span{ background:url(images/menu-first-item-left-bg.gif) left top no-repeat; width:109px;}
#header .menu .last a span span{ background:url(images/menu-last-item-right-bg.gif) right top no-repeat; width:108px;}

#header .menu a:hover span span, #header .menu .active span span{ background:#323232; color:#BABAFC;}
#header .menu .first a:hover span span, #header .menu .first .active span span{ background:url(images/menu-first-item-left-bg-act.gif) left top no-repeat #323232;}
#header .menu .last a:hover span span, #header .menu .last .active span span{ background:url(images/menu-last-item-right-bg-act.gif) right top no-repeat #323232;}

#header .gallery{ margin-right:-2px;}
#header .gallery a{ display:inline-block; margin-right:2px;}

/* ============================= content ====================== */
.row-1 .left-corner{ background:url(images/row1-left-corner.gif) bottom left no-repeat; width:100%; position:relative;}
.row-1 .right-corner{ background:url(images/row1-right-corner.gif) bottom right no-repeat; padding:0  10px 10px 10px;}
.row-1 .bg1{ background:#fff; margin-bottom:-10px; padding-bottom:10px; position:relative;}
.row-1 .bg2{ background:#fff; margin:0 -10px; padding:0 10px; position:relative;}
.row-1 .indent{ padding:19px 5px 17px 5px;}
.row-1 .indent-1{ padding:29px 0 52px 0;}
.row-1 .indent2{ padding:48px 15px 40px 5px;}

.row-1 .line1{ background:url(images/row1-line.gif) repeat-y 204px 0;}
.row-1 .line2{ background:url(images/row1-line.gif) repeat-y 419px 0;}
.row-1 .line3{ background:url(images/row1-line.gif) repeat-y 633px 0;}

.row-1 .list li{ line-height:1em; background:url(images/list-unline.gif) bottom repeat-x; padding:0 8px 8px 0; margin-bottom:5px; }
.row-1 .list .last{ background:none; padding-bottom:0; margin-bottom:0;}
.row-1 .list a{ color:#141414; text-decoration:none; background:url(images/list-marker.gif) no-repeat 0 3px; padding-left:17px; display:inline-block; vertical-align:top;}
.row-1 .list a:hover{ color:#343E93;}
.row-1 .link{ display:inline-block; margin-top:22px;}
.row-1 .link1{  font-size:0.846em; line-height:1em;}
.row-1 .clean{ color:#000000; text-decoration: none;}
.row-1 .green{  color: #DA8C58;}

.row-3 .left-corner{ background:url(images/row1-left-corner.gif) bottom left no-repeat; width:100%; position:relative;}
.row-3 .right-corner{ background:url(images/row1-right-corner.gif) bottom right no-repeat; padding:0  10px 10px 10px;}
.row-3 .bg1{ background:#fff; margin-bottom:-10px; padding-bottom:10px; position:relative;}
.row-3 .bg2{ background:#fff; margin:0 -10px; padding:0 10px; position:relative;}
.row-3 .indent{ padding:19px 5px 17px 5px;}
.row-3 .indent-1{ padding:29px 0 52px 0;}
.row-3 .indent2{ padding:48px 15px 40px 5px;}

.row-3 .line1{ background:url(images/row1-line.gif) repeat-y 204px 0;}
.row-3 .line2{ background:url(images/row1-line.gif) repeat-y 419px 0;}
.row-3 .line3{ background:url(images/row1-line.gif) repeat-y 633px 0;}


.title{ padding-bottom:26px;}
.list1 .list-item{ width:100%; overflow:hidden; padding-bottom:21px;}
.list1 .last{ padding-bottom:0;}
.list1 .list-item .number{ float:left; margin-right:12px; width:40px; height: 60px; text-align:center; background:url(images/number-bg.gif) no-repeat 0 0; font-size:1.385em; line-height:1em; font-weight:bold; color:#fff; padding:11px 0 22px 0;}
.list1 .list-item .number a{ color:#fff; text-decoration:none;}
.list1 .list-item .number2{ float:left; margin-right:12px; width:40px; text-align:center; background:url(images/number-bg2.gif) no-repeat 0 0; font-size:1.385em; line-height:1em; font-weight:bold; color:#fff; padding:11px 0 22px 0;}
.list1 .list-item .number2 a{ color:#fff; text-decoration:none;}

.row-2{ margin-top:-10px; color:#767676;}
.row-2 .left-corner{ background:url(images/row2-left-corner.gif) bottom left no-repeat #4D4D4D; width:100%;}
.row-2 .right-corner{ background:url(images/row2-right-corner.gif) bottom right no-repeat;}
.row-2 .indent{ padding:46px 10px 45px 14px;}
.row-2 strong{ color:#fff;}
.row-2 strong span{ display:block; color:#b8b8b8;}

.row-2 .list{ margin:-3px 0;}
.row-2 .list li{ background:url(images/row2-list-marker.gif) no-repeat 0 8px; line-height:1.692em; padding-left:15px;}
.row-2 .list a{ color:#767676;}
.row-2 .list a:hover{ color:#ffffff;}
.row-2 .whitelink{ color:#767676; text-decoration: none;}
.row-2 .link{ display:inline-block; color:#e9e9e9; margin-top:20px;}
.row-2 .link2{ color: white; display:inline-block; margin-bottom:3px;}
.row-2 .line{ background:url(images/row2-line.gif) repeat-y 421px 0;}
.row-2 .line1{ background:url(images/row2-line.gif) repeat-y 206px 0;}

/* ============================= footer ====================== */
#footer{ width:100%; overflow:hidden;}
#footer .rss{ padding:21px 17px 0 0; float:right;}
#footer .rss a{ display:inline-block; color:#8a8a8a; text-decoration:none;  background:url(images/rss-bg.gif) right top no-repeat; padding:2px 24px 1px 0;}
#footer .rss a:hover{ color:#fff;}
#footer .text{ color:#8a8a8a; padding:23px 0 0 14px;}
#footer .text a{ color:#fff;}

/* ============================= forms ============================= */
#ContactForm{ padding-top:20px;}
#ContactForm .col-1{ width:182px;}
#ContactForm .col-2{ width:212px;}
#ContactForm label{ display:block; height:25px;}
#ContactForm input{ border:solid 1px #a4a4a4; background:#2f2f2f; font-family:Tahoma, Geneva, sans-serif; font-size:0.846em; color:#a4a4a4; padding:2px 2px 3px 3px; width:170px;}
#ContactForm textarea{ border:solid 1px #a4a4a4; background:#2f2f2f; font-family:Tahoma, Geneva, sans-serif; font-size:0.846em; color:#a4a4a4; padding:2px 2px 3px 3px; width:205px; height:63px; overflow:auto;}
#ContactForm .link{ float:right; margin:18px 5px 0 30px;}

/* ============================= survey ============================= */
#SurveyForm{ padding-top:20px;}
#SurveyForm input{ border:solid 1px #000000; background:#c2c2c2; font-family:Tahoma, Geneva, sans-serif; font-size:0.846em; padding:2px 2px 3px 3px; width:205px;}
#SurveyForm textarea{ border:solid 1px #000000; background:#c2c2c2; font-family:Tahoma, Geneva, sans-serif; font-size:0.846em; padding:2px 2px 3px 3px; width:205px; height:63px; overflow:auto;}

#Survey{ padding:10px; margin-bottom:10px; font-weight:bold; font-size:16px; color:#333333;} 

#SurveyContent{ padding:20px; border:1px solid #CCCCCC; background-color:#DDDDDD; margin-bottom:10px;} 
#SurveyContentLink{ padding:2px; border:1px solid #CCCCCC; background-color:#DDDDDD; margin-bottom:10px;} 

#SurveyQuestion{ padding:20px; }
#SurveyQuestion ul {margin:0px; padding:10px; list-style:none; text-align:left; list-style-type:decimal}
#SurveyQuestion li {line-height:23px; margin: 2px; padding: 5px; border: 1px solid #dddddd;}
#SurveyQuestion li a {text-decoration:none; padding:5px 5px 6px 5px; color: #000000; }
#SurveyQuestion li a.tabactive {color:#ffffff; background-color:#b97c31; font-weight:bold;  position:relative;}

#SurveyQuestionForm{ padding-top:20px;}
#SurveyQuestionForm input{ border:solid 1px #396695; background:#FFFFFF; font-family:Arial, sans-serif; font-size:12px;  padding:2px 2px 3px 3px; }
#SurveyQuestionForm #klein{ border:solid 1px #396695; background:#FFFFFF; font-family:Arial, sans-serif; font-size:12px;  padding:2px 2px 3px 3px; width:100px;}
#SurveyQuestionForm #submitsave{ border:solid 1px #396695; background:#FFFFFF; font-family:Arial, sans-serif; font-size:12px;  padding:2px 2px 3px 3px; width:130px;}
#SurveyQuestionForm #check{padding:2px 2px 3px 3px; background-color:#FFFFFF; border:1px solid #FFFFFF;}
#SurveyQuestionForm textarea{ border:solid 1px #396695; background:#FFFFFF; font-family:Arial, sans-serif; font-size:12px;  padding:2px 2px 3px 3px; width:311px; height:83px; overflow:auto;}
#SurveyQuestionForm select{ border:solid 1px #396695; font-family:Arial, sans-serif; font-size:12px; padding:2px 2px 3px 3px;}