/* ------ DEFAULT STYLES ------ */

* { margin:0; padding:0; }

body { font-family: "Arial CE","Helvetica CE",Arial,Helvetica,sans-serif; font-size:76%; color:#000; }
hr { display:none; }
img { border:0; }

/* -- Heading -- */
h1 { margin:0.05em 0 1.2em 0; font-size:233%; }
h2 { margin:0.8em 0 0.45em; font-size:233%; color:#90C611; }
h2 a { color:#90C611; }
h3 { margin:1.3em 0 0.2em; font-size:155%; color:#173d4d; }
h3 a { color:#173d4d; }
h4 { margin:1.9em 0 0.4em; font-size:125%; }
h5, h6 { font-size:115%; }


/* -- Anchor -- */
a { color:#557888; text-decoration:underline; outline:none; }
a:hover { text-decoration:none; }
a.external { padding-right:12px; background:url('../img/ico/external.png') 100% 0 no-repeat; }

/* -- List -- */
ul { margin: 0.7em 0 20px 10px; }
ul ul { margin: 2px 0 0 5px; }
ul li { margin: 6px 0 6px; padding: 0 0 0 12px; line-height:1.5em; list-style:none; background:url('../img/list/default.png') 0 0.3em no-repeat; }

ol { margin:0.7em 0 20px 35px; }
ol li { line-height:1.4; margin:6px 0 6px 0; }

/* -- Tables -- */
table { width:100%; margin:0.4em 0 20px 0; border:0; font-size:100%; border-collapse:collapse; border-spacing:expression(cellSpacing=0); border-spacing:0px; clear:both;
	background:#5e8da0 url('../img/table/top.png') 0 0 no-repeat; }
th {padding:9px 12px; vertical-align:top; font-weight:bold; }
td {padding:7px 12px; vertical-align:top; }

table .last { border-right:none; }
thead tr * { color:#fff; }
thead th { border-right:1px solid #7b9caa; }
tbody tr * { background:#ebeef0; }
tbody td { border-right:1px solid #a6b8be; border-bottom:1px solid #a6b8be; }
tbody tr.last td { border-bottom:none; }
tbody tr.last .first { background:#ebeef0 url('../img/table/bottom.png') 0 100% no-repeat; }
tbody tr.last .last { background:#ebeef0 url('../img/table/bottom.png') 100% 100% no-repeat; }

/* -- Paragraph -- */
p { margin:0.4em 0 1.3em 0; line-height:1.5; }

/* -- Forms -- */
form fieldset { border:none; }
form label.error { color:#ef2c1d; background:none; }
form .inp-text { padding:1px 0 1px 1px; border:1px solid #6595a9; font-family:"Arial CE","Helvetica CE",Arial,Helvetica,sans-serif; font-size:100%; }
form .fullsize { width:99%; }
form .left,
form .right { width:46%; }
form .submit input { cursor:pointer; }


/* -- Basic classes */
.tal { text-align:left }
.tac { text-align:center }
.tar { text-align:right }
.left { float:left;  display:inline; }
.right { float:right; display:inline; }
.clear { clear:both; display:block; width:100%; height:1px; margin:0; padding:0; overflow:hidden; visibility:hidden; border:none; font-size:1px; }
.hidden { display:none; }
.help { cursor:help; }
.small { font-size:92%; }
.preview { font-weight:bold; font-size:1.2em; }
.req { font-family:Verdana, "Geneva CE", lucida, sans-serif; font-size:92%; }

/* -- Messages -- */
.msg-box { margin:0 0 16px 0; padding:8px 8px 9px 8px; border:1px solid; font-size:1.1em; }
.msg-box .ico { display:inline-block; width:22px; height:22px; margin:0 8px -6px 0; background:0 0 no-repeat; }
.msg-box .ico span { display:none; }
.msg-box.error { background-color:#FFF1EC; border-color:#D1481A; color:#D1481A; }
.msg-box.error .ico { background-image:url('../img/ico/error.png'); }
.msg-box.success { background-color:#F9FFEC; border-color:#669900; color:#669900; }
.msg-box.success .ico { background-image:url('../img/ico/success.png'); }

/* -- Contact information -- */
address { font-style:normal; }
address .contact br { clear:left; }
address .contact strong { float:left; display:inline; width:20px; height:20px; margin-right:10px; }
address .contact strong span { display:none; }
address .contact .mobil { background:url('../img/ico/mobil.png')  50% 50% no-repeat; }
address .contact .email { background:url('../img/ico/email.png') 50% 50% no-repeat; }
address br { display:none; }
address span { display:block; margin:0.4em 0; line-height:1.7em; }
address span br { display:block; }




/* ------ LAYOUT STYLES ------ */

#header,
#main,
#tools,
#footer	{ text-align:center; }

#header-in,
#main-in,
#tools-in,
#footer-in { width:912px; margin:0 auto; text-align:left; }

.homepage #header-in,
.homepage #main-in,
.homepage #tools-in,
.homepage #footer-in { padding-right:31px; }


/* ---- Header box ---- */
#header { background:url('../img/header.png') 50% 0 no-repeat; }
#header-in { min-height:288px; _height:288px; background:url('../img/header.png') 50% 0 no-repeat; }

#logo { float:left; display:inline; margin:70px 0 0 0; }
#bubble { float:right; display:inline; width:259px; _width:271px; height:71px; _height:83px;
	margin:71px 0 0 0; padding:6px; background:url('../img/box/bubble.png') 0 0 no-repeat; }
#bubble-in { position:relative; width:259px; height:50px; overflow: hidden; }
#bubble-in div { position:absolute; top:0; left:0; width:259px; height:50px; }
#bubble p { margin:0; }


/* ---- Main box ---- */
#main { background:#cfe0e7 url('../img/main.png') 0 0 repeat-x; }
#main-in { position:relative; min-height:627px; _height:647px; padding-bottom:20px; background:#cfe0e7 url('../img/main.png') 0 0 repeat-x; }

#main h1 { padding-bottom:0.3em; text-align:right; border-bottom:1px solid #c7dbe3; color:#385e6f; font-size:1.3em; }

#col-content { float:left; display:inline; width:684px; padding-top:6px; background:url('../img/box/content-top.png') 0 0 no-repeat; }
#col-content-in { padding:19px 25px 1px 25px; background:#fff; }
#col-content-bottom { height:6px; overflow:hidden; background:url('../img/box/content-bottom.png') 0 0 no-repeat; }

#col-content.fullsize { float:none; display:block; width:100%; padding-top:6px; background:url('../img/box/content-fullsize-top.png') 0 0 no-repeat; }
#col-content.fullsize #col-content-bottom { height:6px; overflow:hidden; background:url('../img/box/content-fullsize-bottom.png') 0 0 no-repeat; }


#col-side { float:right; display:inline; width:213px; }


/* -- Main menu -- */
#main-menu { margin-bottom:24px; }
#main-menu ul { margin:0; }
#main-menu li { float:left; margin:0; padding:0; background:none; }
#main-menu li a,
#main-menu li strong { display:block; width:180px; min-height:33px; _height:33px; padding-top:15px; text-align:center;
	background:url('../img/main-menu/item.png') 0 0 repeat-x;
	border-right:1px solid #4d6f7b; border-left:1px solid #7eabbd;
	color:#fff; font-size:1.3em; font-weight:bold; text-decoration:none; }
#main-menu li a:hover { background-position:0 -96px; }

#main-menu li.act a,
#main-menu li.act strong { background-position:0 -192px; border-right-color:#3b5660; }


#main-menu li.first a,
#main-menu li.first strong,
#main-menu li.last a,
#main-menu li.last strong { width:182px; }

#main-menu li.first a,
#main-menu li.first strong { background:url('../img/main-menu/first.png') 0 0 no-repeat; border-left:none; }
#main-menu li.first a:hover { background-position:-182px 0; }
#main-menu li.first.act a,
#main-menu li.first.act strong { background-position:-364px 0; }

#main-menu li.last a,
#main-menu li.last strong { background:url('../img/main-menu/last.png') 0 0 no-repeat; border-right:none; }
#main-menu li.last a:hover { background-position:-182px 0; }
#main-menu li.last.act a,
#main-menu li.last.act strong { background-position:-364px 0; }


/* -- Sub menu -- */
#sub-menu { margin-bottom:20px; padding-top:4px; background:url('../img/box/sub-menu-top.png') 0 0 no-repeat; }
#sub-menu-bottom { height:4px; overflow:hidden; background:url('../img/box/sub-menu-bottom.png') 0 0 no-repeat; }

#sub-menu ul { margin:0; background:#d2e5ee;  }
#sub-menu li { margin:0 10px; padding:0; background-image:none; }
#sub-menu li li { margin:0 0px 0 14px; }
#sub-menu li a { text-decoration:none; }
#sub-menu li a:hover { /*color:#103c4f;*/ text-decoration:underline; }
#sub-menu li a,
#sub-menu li span,
#sub-menu li strong { display:block; _height:17px; padding:8px 0px 8px 30px; background:url('../img/list/menu.png') 6px 0.6em no-repeat;
	border-top:1px solid #ebfdfd; border-bottom:1px solid #a7ccdf; color:#557888; font-size:1.1em; }
#sub-menu li ul { border-top:1px solid #ebfdfd; border-bottom:1px solid #a7ccdf; }
#sub-menu li.last ul { border-bottom:none; }

#sub-menu li li a,
#sub-menu li li span,
#sub-menu li li strong { padding:6px 0px 6px 20px; background:url('../img/list/default.png') 6px 0.75em no-repeat; }

#sub-menu li.first a,
#sub-menu li.first span,
#sub-menu li.first strong,
#sub-menu li.first li.first a,
#sub-menu li.first li.first span,
#sub-menu li.first li.first strong { border-top:none; }

#sub-menu li.first li a,
#sub-menu li.first li span,
#sub-menu li.first li strong { border-top:1px solid #ebfdfd; }


#sub-menu li.last a,
#sub-menu li.last span,
#sub-menu li.last strong { border-bottom:none; }





/* -- Box on the homepage -- */
#box-means {  margin-bottom:25px; padding:6px 0 1px 0; background:url('../img/box/means-top.png') 0 0 no-repeat; }
#box-means-in { position:relative; min-height:231px; _height:231px; padding:6px 12px; background:#fff url('../img/box/means-item.png') 0 100% no-repeat; }
#box-means-bottom { height:6px; overflow:hidden; background:url('../img/box/means-bottom.png') 0 0 no-repeat; }

#box-means ul { position: relative; margin:0; }
#box-means ul.js li { position:absolute; left:0; top:0; display:none; margin:0; }
#box-means li { position:relative; min-height:231px; _height:231px; margin:0 0 1.5em 0; padding-left:397px; background:none; }
#box-means li h2 { /*font-size:1.8em;*/ margin-top:0; padding-top:12px; }

#box-means li h2 a { position:relative; color:#90C611; text-decoration:none; overflow:hidden; }
#box-means li h2 a:hover { cursor:pointer; }
/*
#box-means li h2 a,
#box-means li h2 span { display:block; width:225px; height:22px; }
#box-means li h2 a span { position:absolute; top:0; left:0; background:0 0 no-repeat; }
*/
#box-means li p { margin-bottom:0.8em; font-size:1.12em; }
#box-means li p.preview { margin-top:12px; font-size:1.5em; }
#box-means li p.img { position:absolute; top:-6px; left:0; }
#box-means li p.img img { width:368px; height:231px; }
#box-means li p.more { margin-top:25px; margin-bottom:0; }
#box-means li p.more a { float:right; display:block; padding-right:10px;
	background:url('../img/button/more-green.png') 100% -100px no-repeat;
	color:#fff; font-size:1.1em; font-weight:bold; line-height:1em; text-decoration:none; }
#box-means li p.more a:hover { background-position:100% -300px; }
#box-means li p.more a .in { display:block; min-width:103px; _width:103px; min-height:23px; _height:32px; padding:9px 0 0 42px; background:url('../img/button/more-green.png') 0 0 no-repeat; }
#box-means li p.more a:hover .in { background-position:0 -200px; cursor:pointer;}
#box-means li p.more a span span { display:none; }
#box-means li.last { margin-bottom:0; }

/* Navigation */
#box-means #nav { position:absolute; right:-31px; top:13px; margin:0; line-height:normal; }
#box-means #nav a { display:block; width:31px; min-height:15px; _height:16px; margin-bottom:16px; padding-bottom:5px; text-align:center;
	background:url('../img/button/nav.png') 0 100% no-repeat;
	color:#fff; /*font-family:serif;*/ font-size:1.15em; font-weight:bold; text-decoration:none; }
#box-means #nav a .num { display:inline; }
#box-means #nav a .top { position:absolute; left:0; display:block; width:31px; height:7px; margin-top:-7px; overflow:hidden;
	background:url('../img/button/nav.png') -31px 0 no-repeat; }
#box-means #nav a:hover { text-decoration:underline; }
#box-means #nav a.active { background-position:-62px 100%; }
#box-means #nav a.active span { background-position:-93px 0; }
#box-means #nav a.active:hover { text-decoration:none; cursor:default; }
#box-means #nav span { display:none; }

/* Box about */
#box-about { float:left; display:inline; width:589px; padding:8px 0 1px 0; background:url('../img/box/about-top.png') 0 0 no-repeat;
	color:#fff; }
#box-about-in { min-height:231px; _height:239px; padding:4px 12px 4px 12px; background:#7a9ba9; }
#box-about-bottom { height:8px; overflow:hidden; background:url('../img/box/about-bottom.png') 0 0 no-repeat; }

#box-about h3 { margin:0 0 12px 0; }
#box-about h3 a { text-decoration:none; }
#box-about p { margin-bottom:0; font-size:1.12em; }
#box-about p.preview { margin-bottom:1.0em; }
#box-about p.img { float:right; }
#box-about p.img img { width:216px; height:164px; margin-left:20px; padding:7px; background:url('../img/img.png') 0 0 no-repeat; }
#box-about p.img a:hover img { background-position:0 100%; }


/* Box faq */
#box-faq { float:right; display:inline; width:303px; padding:8px 0 1px 0; background:url('../img/box/faq-top.png') 0 0 no-repeat; }
#box-faq-in { min-height:231px; _height:239px; padding:4px 12px 4px 12px; background:#d7e5e9; }
#box-faq-bottom { height:8px; overflow:hidden; background:url('../img/box/faq-bottom.png') 0 0 no-repeat; }

#box-faq h3 { margin:0 0 12px 0; }
#box-faq li { padding-left:26px; line-height:2em; background-image:url('../img/list/menu.png'); }
#box-faq li a { color:#2b2e2f; font-weight:bold; }

/* -- Box on content -- */
.box { clear:both; margin:0.4em 0 1.3em 0; padding-top:7px; background:url('../img/box/box-top.png') 0 0 no-repeat; }
.box-in { padding:5px 12px 4px 12px; background:#ebeef0; }
.box-bottom { height:7px; overflow:hidden; background:url('../img/box/box-bottom.png') 0 0 no-repeat; }

.box h3 { margin:0 0 12px 0; }
.box p { margin-bottom:0; }
.box ul { margin-bottom:0; }
.box .img { margin-top:-14px; }
.box .img a { float:left; display:inline; width:123px; height:99px; margin:14px 14px 0 14px; }
.box .img a:hover img { background-position:0 100%; }
.box .img img { width:111px; height:87px; padding:6px; background:url('../img/img-th.png') 0 0 no-repeat; }
.box .link { float:left; width:285px; _width:286px; margin:0; }
.box .photo { float:right; width:305px; _width:306px; margin:0; }


/* -- Box for images -- */
.box-img { margin:0.2em  0 10px 0; }
.box-img.left { margin-right:20px; }
.box-img.right { margin-left:20px; }


/* ---- Tools box ---- */
#tools { background:url('../img/tools.png') 50% 0 no-repeat; }
#tools-in { /*position:relative;*/ height:88px; background:url('../img/tools.png') 50% 0 no-repeat; }
#tools p { margin:0; }
#tools .backToTop { float:right;/*position:absolute; right:31px; top:2px;*/ display:inline; width:37px; height:28px; margin-top:3px; background:url('../img/button/backToTop.png') 0 0 no-repeat; }
#tools .backToTop span { display:none; }
#tools .backToTop:hover { background-position:-37px 0; }


/* ---- Footer box ---- */
#footer { background:/*#edca38*/#c8a713 url('../img/footer.png') 0 0 repeat-x; color:#63540f; }
#footer-in { min-height:175px; _height:175px; background:#c8a713 url('../img/footer.png') 0 0 repeat-x; }
#footer a { color:#ead783; }
#footer p { margin:0; }

#footer-menu { float:left; display:inline; }
#copyright { float:right; display:inline; }


/* ---- Forms on page ---- */

/* -- isFree form -- */
#box-isFree { margin-bottom:15px; }
#box-isFree h3 { float:left; margin:0 0 -1px 0; padding-right:5px; background:url('../img/button/isFree.png') 100% -90px no-repeat;
	color:#fff; font-size:1.3em;  }
#box-isFree h3 span { display:block; padding:5px 5px 2px 10px; background:url('../img/button/isFree.png') 0 0 no-repeat; }
#box-isFree fieldset p,
#box-isFree p.submit { float:left; display:inline; min-height:45px; _height:45px; padding:5px 24px; line-height:normal; }
#box-isFree fieldset { float:left; display:inline; }
#box-isFree fieldset p { border-left:1px solid #FFE87F; border-right:1px solid #CFB540; }
#box-isFree form { padding-top:8px; background:url('../img/box/isFree-top.png') 0 0 no-repeat; }
#box-isFree form label { display:block; _margin-top:-2px; margin-bottom:-0.7em; color:#63540f; font-size:1.2em; font-weight:bold; }
#box-isFree form .inp-text { border-color:#dedede; }
#box-isFree form .inp-text.dd { width:47px; }
#box-isFree form .inp-text.mm { width:78px; }
#box-isFree form .inp-text.yy { width:55px; }
#box-isFree form .email { border-left:none; }
#box-isFree form .email .inp-text { width:184px; padding:2px 0 2px 1px; }
#box-isFree form .submit { text-align:center; border-left:1px solid #FFE87F; border-right:none; }
#box-isFree form .submit input { width:150px; height:31px; margin-top:9px; background:url('../img/button/isFreeSubmit.png') 0 0 repeat; border:none;
	color:#fff; font-weight:bold; }
#box-isFree form .submit input:hover,
#box-isFree form .submit input.hover { background-position:-150px 0; }
#box-isFree form .msg-box { margin:0 29px 12px 24px; }
#box-isFree form .form-top { height:8px; overflow:hidden; }
#box-isFree form .form-bottom { height:8px; overflow:hidden; background:url('../img/box/isFree-bottom.png') 0 0 no-repeat; }
#box-isFree form .form-in { _height:45px; padding:12px 0 11px 0; background:#eece41; }

/* -- Contact form -- */
#contact-form { margin:0.4em 0 1.3em 0; padding-bottom:7px; background:url('../img/box/contact-bottom.png') 0 100% no-repeat; }
#contact-form h3 { float:left; margin:0 0 -1px 0; padding-right:5px; background:url('../img/button/contact.png') 100% -90px no-repeat;
	color:#fff; font-size:1.3em; }
#contact-form h3 span { display:block; padding:3px 5px 2px 10px; background:url('../img/button/contact.png') 0 0 no-repeat; }
#contact-form form { clear:left; padding:12px 12px 0px 12px; background:#dadfe2 url('../img/box/contact-top.png') 0 0 no-repeat; color:#364b54; }
#contact-form form label { line-height:1.8em; }
#contact-form form textarea { min-height:125px; _height:125px; }
#contact-form form .inp-text { padding:6px 0 4px 1px; }
#contact-form .line { visibility:visible; height:1px; margin-bottom:16px; overflow:hidden; background:#ecf0f1; border-top:1px solid #c7ced1; }
#contact-form .small { margin:-0.4em 0 4px 0; }
#contact-form .submit { margin:0 0 0.8em 0; text-align:right; }
#contact-form .submit input { min-width:150px; _width:150px; height:31px; padding-bottom:2px; _padding-bottom:0px; background:url('../img/button/contactSubmit.png') 0 0 no-repeat;
	border:none; color:#fff; font-weight:bold; }
#contact-form .submit input:hover,
#contact-form .submit input.hover { background-position:-150px 0; }

/* ---- Contact information ----*/
#contact { margin:0.5em 0 1.3em; }

#contact .person h4 { margin-top:0; }
#contact p { margin-bottom:0.3em; }


/* ---- Ground-plan ----*/

#ground-plan { margin:0.5em 0 1.3em; }

#ground-plan-img { position: relative; }
#ground-plan-img .active { position:absolute; cursor:pointer; background-color:black; }

.ground-plan-box { position:absolute; width:315px; padding-top:5px; background:url('../img/box/ground-plan-top.png') 0 0 no-repeat; }
.ground-plan-box .ground-plan-box-in { background:#6897ac; }
.ground-plan-box .ground-plan-box-bottom { height:5px; background:url('../img/box/ground-plan-bottom.png') 0 0 no-repeat; }
.ground-plan-box-content { position:relative; padding:0 0 0 135px; border-top:1px solid #7ab5cf; }
.ground-plan-box-in { min-height:122px; _height:122px; padding:3px 12px 1px 12px; }
.ground-plan-box-in p { margin:0; }
.ground-plan-box-in h4 { margin:0; padding-bottom:5px; border-bottom:1px solid #50798b; font-size:1.2em; }
.ground-plan-box-in ul { margin:0; }
.ground-plan-box-in li { background:url('../img/list/dark-blue.png') 0 0.4em no-repeat; }
.ground-plan-box-in .img { position:absolute; top:9px; left:0; _left:-135px; height:83px; margin:0; }
.ground-plan-box-in .img img { border:1px solid #fff; }
.ground-plan-box .ground-plan-box-in li { color:#fff; }


/* -- Top - Left --*/
.ground-plan-box.tl { padding-top:25px; background-position:0 20px; }
.ground-plan-box.tl .ground-plan-box-arrow-top { position:absolute; top:0; left:20px; width:32px; height:20px; background:url('../img/box/ground-plan-arrow.png') 0 0 no-repeat; }

/* -- Top - Right --*/
.ground-plan-box.tr { padding-top:25px; background-position:0 20px; }
.ground-plan-box.tr .ground-plan-box-arrow-top { position:absolute; top:0; right:20px; width:32px; height:20px; background:url('../img/box/ground-plan-arrow.png') -32px 0 no-repeat; }

/* -- Bottom - Left --*/
.ground-plan-box.bl .ground-plan-box-arrow-bottom { width:32px; height:20px; _margin-top:-10px; margin-left:20px; background:url('../img/box/ground-plan-arrow.png') -64px 0 no-repeat; }

/* -- Bottom - Right --*/
.ground-plan-box.br .ground-plan-box-arrow-bottom { width:32px; height:20px; _margin-top:-10px; margin-left:263px; background:url('../img/box/ground-plan-arrow.png') -96px 0 no-repeat; }

/* -- ^ ^ ^ OLD ^ ^ ^ -- */
/* -- v v v NEW v v v -- */

/* -- Top --*/
.ground-plan-box.tl, .ground-plan-box.tr { padding-top:25px; background-position:0 20px; }

/* -- Top - Left --*/
.ground-plan-box.tl .arrow { position:absolute; top:0; left:20px; width:32px; height:20px; background:url('../img/box/ground-plan-arrow.png') 0 0 no-repeat; }

/* -- Top - Right --*/
.ground-plan-box.tr .arrow { position:absolute; top:0; right:20px; width:32px; height:20px; background:url('../img/box/ground-plan-arrow.png') -32px 0 no-repeat; }

/* -- Bottom - Left --*/
.ground-plan-box.bl .arrow { width:32px; height:20px; _margin-top:-11px; margin-left:20px; background:url('../img/box/ground-plan-arrow.png') -64px 0 no-repeat; }

/* -- Bottom - Right --*/
.ground-plan-box.br .arrow { width:32px; height:20px; _margin-top:-11px; margin-left:263px; background:url('../img/box/ground-plan-arrow.png') -96px 0 no-repeat; }