/*
  projekt: fixhus 
  autor: marcin.lisok@fox.com.pl
  data: 2006-04-03 
*/
* { font-family: 'Trebuchet MS', Verdana, 'Bitstream Vera Sans', Arial, Helvetica, Sans-Serif; }
html, body, div, span, a, p, img, ul, ol, li, dl, dt, dd, hr, h1, h2, h3, h4, h5, h6,
pre, code, form, fieldset, label, legend { /* clear default setting */
  border: 0;
  margin: 0;
  padding: 0;
}
html {
  height: 100%;
  min-height: 100%;
  font-size: 0.74em;
}
body {
  color: #000;
  height: 100%;
  min-height: 100%;
  background: #fff url("../img/pat-background.png") top center repeat-x;
}
h1,h2,h3,h4,h5,h6 {
  margin: 1em 0 1em 0; 
}
h1 { font-size: 110%; margin-top: 0.2em; }
h2 { font-size: 105%; }
h3 { font-size: 100%; }
h4 { font-size: 100%; }
h5 { font-size: 100%; }
h6 { font-size: 100%; }
p {
  text-indent: 1.5em;
  text-align: justify;
  line-height: 1.3em;
  margin: .8em 0;
  padding: .3em 0;
}
hr {
  clear: left;
  width: 100%;
  margin: 0.8em 0;
  border-top: solid 1px #bfc1b4;
  border-bottom: solid 1px #eee;
  display: block;
}
br {
  clear: both;
  display: inline;
  width: 100%;
}
code, code span, pre, pre span {
  font-family: 'courier new', courier, sans-serif;
  font-size: 13px;
}
pre {
  border: solid 1px #bfc1b4;
  margin: 10px 0;
  padding: 10px;
}
img {
  display: inline;
}
a { color: #d10000; background-color: inherit; text-decoration: none; }
a:hover { text-decoration: underline; }
a:visited { color: #b98d5a; background-color: inherit; }

#wrapper {
  border: 0;
  margin: 0;
  padding: 0;
  background: transparent url('../img/pat-footer.png') bottom repeat-x;
}
#container {
  height: auto;
  min-height: 100%;
  width: 985px;
  margin: 0 auto;
  padding: 0;
  position: relative;
}
#header {
  float: left;
  width: 985px;
  height: 216px;
  padding: 0;
  background: #fff url('../img/img-header.jpg') no-repeat;
  color: inherit;
  position: relative;
}
#content {
  float: left;
  width: 360px;
  height: auto;
  min-height: 170px;
  margin: 0;
  padding: 70px 20px 0;
  background: #fff url('../img/top-content.png') 0 0 no-repeat;
  color: inherit;
  position: relative;
}
#content ul, ol { margin: 0.5em 0 0.5em 1.2em; }
#content ul li,
#content ol li { margin-left: 1.2em; }
#content dl { margin: 0.5em 0; }
#content dl dt,
#content dl dd { margin: 0.5em 0 0.5em; text-align: justify; }
#content dl dt { margin: 1.2em 0 0.5em; font-weight: bold; }

#content h1 {
  float: right;
  right: 20px;
  top: 20px;
  text-align: right;
  font-weight: bold;
  font-size: 13px;
  width: 180px;
  padding: 3px;
  position: absolute;
  background: transparent url('../img/dot-line.gif') bottom repeat-x;
}

#right {
  float: left;
  width: 585px;
  min-height: 306px;
  margin: 0;
  background: #fff url('../img/img-house.png') right top no-repeat;
  color: inherit;
  position: relative;
}
#clear {
  clear: both;
  width: auto;
  height: 130px;
}
#footer {
  clear: both;
  width: 985px;
  height: 100px;
  bottom: 0;
  position: absolute;
}
#logo {
  top: 110px;
  left: 260px;
  width: 200px;
  height: 70px;
  background: transparent url('../img/logo.gif') 5px 3px no-repeat;
  position: absolute;
  z-index: 1000; 
}
#logo span {
  display: none;
}

#menu {
  top: 189px;
  left: 5px;
  width: auto;
  font-size: 13px;      
  margin: 0;
  position: absolute;
  list-style: none;
  z-index: 1000;
}
#menu li {
  margin: 0;
  display: inline;
  position: relative;
  background: transparent url('../img/arrow_left.gif') 0 6px no-repeat;
  z-index: 1100;
}
#menu li a {
  font-weight: bold;
  text-align: left;
  margin: 0 11px;
  text-decoration: none;
  padding: 0;
  width: auto;
}
#menu li a:visited {
  color: #d10000;
  background-color: inherit;  
}
#menu li a:hover {
  color: #7e2829;
  background-color: inherit;  
}
#menu li.first { background: none; }
#menu li.first a { margin-left: 0; }
#menu li.last { left: 520px; position: absolute; width: 150px; }

#submenu {
  float: left;
  width: 233px;
  height: auto;
  margin: -8px 0 0 0;
  border: solid 1px #c29061;
  background: #faf6f2;
  position: relative;
  color: inherit;
}
#submenu #dach {
  width: 118px;
  height: 26px;
  background: transparent url('../img/img-dach.png') no-repeat;
  margin-top: -25px;
  position: relative;
  display: block;
  z-index: 500;
}
#submenu ul {
  color: #d10000;
  width: 232px;
  margin: 30px 0 10px 0;
  font-size: 11px;
  list-style: none;
  background-color: inherit; 
}
#submenu ul li {
  width: auto;
  height: auto;
  margin: 0;
  padding: 0;
  background: transparent url('../img/arrow2_left.gif') 225px 5px no-repeat;
}
#submenu ul li a {
  width: 220px;
  height: auto;
  padding: 1px;
  text-align: right;
  text-decoration: none;
  display: block;
}
#submenu ul li a:hover {
  color: inherit;
  background-color: #f5ebe2;
  text-decoration: underline;
}
#submenu a span {
  width: 15px;
  height: 16px;
  cursor: hand;
  margin-left: 252px;
  position: absolute;
  background: url('../img/points.gif') no-repeat;
}
#submenu a #i1 { top: 170px; left: 123px; background-position: 0 0; }
#submenu a #i2 { top:  53px; left: 215px; background-position: 0 -16px; }
#submenu a #i3 { top:  80px; left: 160px; background-position: 0 -32px; }
#submenu a #i4 { top: 120px; left: 280px; background-position: 0 -48px; }
#submenu a #i5 { top: 177px; left: 155px; background-position: 0 -64px; }
#submenu a #i6 { top: 258px; left: 220px; background-position: 0 -80px; }
#submenu a #i7 { top:  80px; left:  30px; background-position: 0 -96px; }
#submenu a #i8 { top: 210px; left: 105px; background-position: 0 -112px; }
#submenu a #i9 { top: 135px; left:  68px; background-position: 0 -128px; }
#submenu a #i10 { top: 222px; left:  54px; background-position: 0 -144px; }
#submenu a #i11 { top: 182px; left: 250px; background-position: 0 -160px; }
#submenu a #i12 { top: 210px; left: 210px; background-position: 0 -176px; }
#submenu a #i13 { display: none;           background-position: 0 -192px; }
#submenu a #i14 { top: 250px; left:   8px; background-position: 0 -208px; }
#submenu a #i15 { top: 135px; left: 160px; background-position: 0 -224px; }
#submenu a #i16 { top:  90px;  left: 71px; background-position: 0 -240px; }
#submenu a #i17 { top: 278px; left: 301px; background-position: 0 -256px; }

#submenu a:hover #i1 { background-position: -15px 0; }
#submenu a:hover #i2 { background-position: -15px -16px; }
#submenu a:hover #i3 { background-position: -15px -32px; }
#submenu a:hover #i4 { background-position: -15px -48px; }
#submenu a:hover #i5 { background-position: -15px -64px; }
#submenu a:hover #i6 { background-position: -15px -80px; }
#submenu a:hover #i7 { background-position: -15px -96px; }
#submenu a:hover #i8 { background-position: -15px -112px; }
#submenu a:hover #i9 { background-position: -15px -128px; }
#submenu a:hover #i10 { background-position: -15px -144px; }
#submenu a:hover #i11 { background-position: -15px -160px; }
#submenu a:hover #i12 { background-position: -15px -176px; }
#submenu a:hover #i13 { background-position: -15px -192px; }
#submenu a:hover #i14 { background-position: -15px -208px; }
#submenu a:hover #i15 { background-position: -15px -224px; }
#submenu a:hover #i16 { background-position: -15px -240px; }
#submenu a:hover #i17 { background-position: -15px -256px; }

#footer {
  font-size: 11px;
}

#links {
  top: 70px;
  width: 500px;
  margin: 0 auto;
  position: relative;
  z-index: 2;
}
#links li {
  margin: 0;
  display: inline;
  padding: 0 6px 0 10px;
  border-left: solid 1px #d10000;
}
#links li.first { border-left: 0; }

/* common style */
.red { color: red; background-color: inherit; }
.green { color: green; background-color: inherit; }
.bold { font-weight: bold; }
.italic { font-style: italic; }
.strike { text-decoration: line-through; }
.left { text-align: left; }
.right { text-align: right; }
.center { text-align: center; }
.noindent { text-indent: 0; }

img { margin: 5px; padding: 3px; border: solid 1px #ddd; }
img.left { clear: none; float: left; width: auto; margin: 5px 10px 5px 0; }
img.right { clear: none; float: right; width: auto; margin: 5px 0 5px 10px; }
table.left { float: left; margin-right: 10px; }
table.right { float: right; margin-left: 10px; }

a:hover img { border-color: #d10000; }

table {
  width: 100%;
  margin: .8em 0;
  border-collapse: collapse;
  font-size: inherit;
}
table td, table th {
  padding: 1px 3px;
  font-weight: normal;
  border: 1px solid #b10000;
}
table thead th {
  color: #fff;
  background-color: #b10000;
  font-weight: bold;
  text-align: center;
}



div.go2top {
  float: left;
  width: 100%;
  font-size: 88%;
  margin-top: 30px;
  padding: 3px;
  background: transparent url('../img/dot-line.gif') top repeat-x;
  text-align: center;
}
div.go2top a,
#links li.last a {
  padding-right: 12px;
  background: transparent url('../img/arrow2_up.gif') right center no-repeat;
}

.input_forum {
	border: none;
	font-size: 12px;
	width: 135px; 
	height: 22px; 
	background-color :white;
	padding: 2px;
}