/* =Reset
************************************************************** */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td
{ margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;}
:focus {outline: 0;}
body {line-height: 1;   color: black;   background: white;}
ol, ul {list-style: none;}
table { border-collapse: separate;  border-spacing: 0;}
caption, th, td {   text-align: left;   font-weight: normal;}
blockquote:before, blockquote:after,
q:before, q:after { content: "";}
blockquote, q { quotes: "" "";}
.clear:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clear {display: inline-block;}
/* Hides from IE-mac \*/
* html .clear {height: 1%;}
.clear {display: block;}
/* End hide from IE-mac */

body { font-family: Helvetica;	font-size: 12px; background: url('img/bg.gif') repeat-x; }
.inline-block { display: -moz-inline-stack; display: inline-block; vertical-align:top; zoom: 1; *display: inline;}
ul.inline-ul li { display: -moz-inline-stack; display: inline-block; vertical-align: top; zoom: 1; *display: inline;}
.hidden { text-indent: -1000em; overflow: hidden; } 

div#body { width: 980px; margin: 0px auto 0px auto; padding: 10px 0px; padding-top: 20px; position: relative; font-family: Arial,Helvetica,sans-serif;}  
div.container { background: white; padding: 10px; }
a#logo { width: 232px; height: 59px; display: block; background: url('img/logo.gif') no-repeat; overflow: hidden; text-indent: -1000px; }
div#step-by-step { position: absolute; right: 0px; top: 20px; width: 699px; height: 45px; }
div#step-by-step  a { display: block; width: 100%; height: 100%; cursor: pointer; background: url('img/1-2-3-step.png') no-repeat 0px 0px; }
div#step-by-step  a:hover{ display: block; width: 100%; height: 100%; cursor: pointer; background: url('img/1-2-3-step.png') no-repeat 0px -45px; }
div.content { padding-left: 5px; margin-right: 10px; font-size: 12px; } 
div.content p { font-size: 12px; }
div.content div.block, div.content div.block p { font-size: 11px; }
a#btn-kontakt { width: 325px; height: 37px; background: url('img/btn-kontakt.gif') no-repeat 0px 0px; }
a#btn-kontakt:hover { background: url('img/btn-kontakt.gif') no-repeat 0px -37px; }
span#pointer-1 { width: 23px; height: 23px; background: url('img/pointers.gif') no-repeat 0px 0px; margin-right: 5px;}
span#pointer-2 { width: 23px; height: 23px; background: url('img/pointers.gif') no-repeat -22px 0px;  margin-right: 5px;}
span#pointer-3 { width: 23px; height: 23px; background: url('img/pointers.gif') no-repeat -46px 0px;  margin-right: 5px;}
span#pointer-0 { width: 23px; height: 23px; background: url('img/pointers.gif') no-repeat -79px 0px;  margin-right: 5px;}
h1 { margin-top:30px; font-size: 17px; color: #25668d; font-weight: Bold;  border-bottom: 2px Solid rgb(225,225,225); padding-bottom: 5px; margin-bottom: 5px; } 
div.block h1 {margin-top:0px; border-bottom: 0px; margin-bottom: 0px; color: White; font-size: 12px; }
h2 { font-size: 16px; color: #48586c; font-weight: Bold;  margin-top: 15px; margin-bottom: 5px; }
h3 { font-size: 16px; color: #48586c; margin-top: 15px; margin-bottom: 3px; line-height: 18px; }
h4 { font-size: 13px; font-weight: Bold; color: Green; }
h5 { color: #f08600; font-weight: Bold; } 
a { color: steelBlue; text-decoration: underline; }
a:hover { color: #13417B; }
p { line-height: 22px; text-align: justify; color: #333333; font-size: 11px; margin-bottom: 7px; }
b, strong { font-weight: Bold; }
div.content ul { margin-top: 5px; margin-bottom: 5px; font-size: 12px; } 
div.content  ul li { line-height: 22px; text-align: justify; color: #333333; list-style-type: disc; margin-left: 32px; }
div.content ul ul { margin-top: 0px; font-size: 12px; } 
div.content  ul ul li { line-height: 22px; text-align: justify; color: #333333; list-style-type: square; margin-left: 32px; }
div.content a { color: steelBlue; text-decoration: underline; }
div.content div.block p a { }
ol { list-style-type: decimal; }
ol li { margin-bottom: 10px; font-size: 12px; line-height: 22px; color: #333333; margin-left: 15px; }
/** Navigation rules */
div#navigation { height: 42px; padding-top: 15px; }
ul#navigation { height: 100%; }
li.navigation { height: 100%; }
a.navigation { display: block; height: 100%; }
li#position1  { float: right; }
a#p1 { width: 207px; background: url('img/navigation.png') -744px 0px no-repeat; }
a#p2 { margin-right: 5px; width: 205px; background: url('img/navigation.png') 0px 0px no-repeat; }
a#p3 { margin-right: 5px; width: 111px; background: url('img/navigation.png') -211px 0px no-repeat; }
a#p4{ margin-right: 5px; width: 111px; background: url('img/navigation.png') -330px 0px no-repeat; }
a#p5 { margin-right: 5px; width: 111px; background: url('img/navigation.png') -445px 0px no-repeat; }
div#navigation-submenu { width: 950px; height: 42px; padding-top: 6px; background: url('img/navigation-submenu.png') no-repeat; }
ul#nav-s { height: 100%; }
li.nav-s { height: 100%; padding-left: 12px; padding-right: 12px; border-right: 1px Solid #e2e2e2; }
li.nav-s-last { border-right: none; }
a.nav-s { height: 100%; line-height: 36px; color: #3d3b3c; }
a.nav-s:hover { color: #f08600; }

div.block { width: auto; background: url('img/block.gif') -955px 0px White; position: relative; overflow: hidden; margin-bottom: 10px; }
div.block  div.top{ height: 10px;  background: url('img/block.gif') 0px 0px  no-repeat; position: relative; }
div.block  div.top span { display: block; width: 15px; height: 10px;  background: url('img/block.gif') -940px 0px  no-repeat; right: 0px; top: 0px; float: right; }
div.block  div.center-content { margin-left: 1px; margin-bottom: 10px; display: block; padding: 5px; background: url('img/block.gif') right; position: relative; z-index: 10; }
div.block  div.bottom { height: 50px; width: 100%; background: url('img/block.gif') 0px bottom no-repeat; position: absolute; bottom: 0px; left: 0px;}
div.block  div.bottom span { display: block; width: 15px; height: 50px;  background: url('img/block.gif') -940px bottom  no-repeat; right: 0px; top: 0px; float: right; }
div.block div.head1 { position: absolute; top: 5px; left: 5px; height: 31px; padding-left: 20px; background: url('img/head1.gif') left center no-repeat;  font-weight: Bold; color: White; z-index: 11;}
div.block div.head1 span { display: block; height: 31px; line-height: 28px; padding-top: 0px; padding-right: 20px; background: url('img/head1.gif') right center; }
div.block div.head1-spacer {padding-top: 30px; }
div.block div.head2 { width: auto; right: 5px; position: absolute; top: 3px; left: 3px; height: 30px; padding-left: 20px; background: url('img/head2.gif') left center no-repeat;  font-weight: Bold; color: #333333; z-index: 11; }
div.block div.head2 span { display: block; height: 30px; line-height: 28px; padding-top: 0px; padding-right: 20px; background: url('img/head2.gif') right center; }
div.block div.head2 span  a { display: block; height: 100%; }
div.block div.head2-spacer {padding-top: 25px; }
div.block div.head-kalkulator { width: auto; right: 5px; position: absolute; top: 3px; left: 3px; height: 30px; padding-left: 20px; background: url('img/head-kalkulator.gif') left center no-repeat;  font-weight: Bold; color: #3667a4; z-index: 11; }
div.block div.head-kalkulator span { display: block; height: 30px; width: 10px; line-height: 28px; padding-top: 0px; padding-right: 20px; background: url('img/head-kalkulator.gif') right center; }
div.block div.head-kalkulator span  a { display: block; height: 100%; }
div.block div.head-kalkulator-spacer {padding-top: 25px; }

a#kalkulator-button { width: 159px; height: 42px; display: block;  background: url('img/kalkulator-button.gif') no-repeat 0px 0px; overflow: hidden; text-indent: -1000px; float: right; margin: 15px; }
a#kalkulator-button:hover { background: url('img/kalkulator-button.gif') no-repeat 0px -42px; }

div.banner1 { width: 949px; height: 100px; background: url('../img/banner1.png') no-repeat; margin: 0 auto; position: relative; }
div.banner1 a { display: block; position: absolute; left: 754px; top: 18px; width: 167px; height: 56px; font-size: 1px; text-indent: -100px; overflow: hidden;  background: url('../img/banner1-hover.png') no-repeat;}
div.banner1 a:hover { background: none; }
/** Bread crumbs */
div#roadmap { height: 15px; padding-top: 8px; padding-bottom: 8px; border-bottom: 1px Solid #e2e2e2; margin-right: 3px; font-size: 11px; margin-bottom: 10px; }
div#roadmap ul li { float: left; padding-right: 3px; }
div#bilboard { width: 750px; height: 100px; margin: 10px auto; }
div#small-top-menu { font-size: 10px; text-align: right; }
div#small-top-menu a {  border-bottom: 1px dotted steelBlue;  }
div#site-left-column { float: left; width: 220px; }
div#site-center-column { float: left; width: 564px; padding: 10px 10px; }
div#site-right-column { float: left; width: 120px; }

div#flashmsg { padding: 10px 10px; text-align: center; color: #788604; background: #c5fea1;  }
div#flasherr { padding: 10px 10px; text-align: center; color: red; background: #feaca1;  }
/** Paginator */
.paginator { padding: 10px 10px; text-align: right; }
.paginate-pages { padding: 4px 6px; border: 1px solid #ddd; cursor: pointer; text-decoration: underline; }
.paginate-first, .paginate-last { padding: 4px 6px; border: 1px solid #ddd; font-weight: bold; }
.paginate-previous, .paginate-next { padding: 4px 6px; border: 1px solid #ddd; }
.paginate-link { padding: 4px 6px; border: 1px solid #ddd; }
.paginate-current { padding: 4px 6px; border: 1px solid #ddd; font-weight: bold; background:#417690; color: white; }
img.inlineimg {  margin: 0 auto; display: block; }