/* CSS Document */

body {
	margin:0px;
	padding:0px;
	background: #ffffff;
	color:#000000;
	font-weight:normal;
	text-decoration:none;
	font-family: Arial;
	font-size:12px;
}

h1 {
  color:#000;
	font-weight:normal;
	text-decoration:none;
	font-family: Arial;
	font-size:24px;
	margin:0px 0px 0px 0px;
	padding:0px;
	text-align:left;
}

h2 {
  background: url(gfx/style/bg_h2.png) left top repeat-x;
  color:#ffffff;
	font-weight:bold;
	text-decoration:none;
	font-family: Arial;
	font-size:12px;
	margin:0px 0px 20px 0px;
	padding:20px 0px 20px 20px;
	text-align:left;
}

h3 {
  background: url(gfx/style/bg_h3.png) left top repeat-x;
  color:#ffffff;
	font-weight:bold;
	text-decoration:none;
	font-family: Arial;
	font-size:12px;
	margin:0px 0px 20px 0px;
	padding:20px 0px 20px 20px;
	text-align:left;
}

h4 {
  margin: 0 0 20 0; text-align:left;
  font-size:14px;
}

h5 {}

h6 {}

p {
  color:#111111;
	font-weight:normal;
	text-decoration:none;
	font-family: Arial;
	font-size:12px;
	margin:0px;
	padding:0px;
	text-align: justify;
	line-height:23px;
	margin-bottom:12px;
}

a {
  color:#ff9800;
	font-weight:normal;
	text-decoration:underline;
	font-family: Arial;
	font-size:12px;
	margin:0px;
	padding:0px;
	text-align: left;
}

a:hover {
  color:#ff9800;
	text-decoration:none;
	font-size:12px;
	margin:0px;
	padding:0px;
}

ul {
  list-style: square;
  font-size:12px;
  text-align: left;
  padding-top:5px;
  padding-bottom:5px;
}

li {
  color:#111111;
	font-weight:normal;
	text-decoration:none;
	font-family: Arial;
	font-size:12px;
	padding:0px;
	line-height:23px;
}

em {
  color:#000000;
	font-weight:normal;
	text-decoration:none;
	font-family: Arial;
	font-size:12px;
	padding:0px;
}


/* 
+------------------+
|                  |
|       MAIN       |
|                  |
+------------------+
*/



/* 
+------------------+
|                  |
|     HEADER       |
|                  |
+------------------+
*/

#frame_header {
  clear: both;
	width: 940px; height: 108px;
}

#header {
	width: 940px; height: 108px;
}

#logo {
  width: 281px; height: 108px;
  float:left;
}

#homepage {
	background: url(gfx/style/logo.png) left top no-repeat;
	width: 281px; height: 65px;
	float:left;
	margin:25px 0px 0px 0px;
}

#frame_menu {
	background: url(gfx/style/bg_menu.png) left top repeat-x;
	float:right;
	width: 659px; height: 108px;
}

ul.menu {
	 list-style:none;
	 font-size: 12px;
	 margin:30px 0px 0px 0px;
	 float:right;
}

/* --- normal --- */

ul.menu li {
    background: none;
    color:#111111;
  	font-weight:bold;
  	text-decoration:none;
  	font-family: Arial;
  	font-size:12px;
  	padding:5px 9px 5px 9px;
  	margin:0px 5px 0px 0px;
  	float:left;
}

ul.menu li a {
    color:#111111;
  	font-weight:bold;
  	text-decoration:none;
  	font-family: Arial;
  	font-size:12px;
  	padding:0px;
  	margin:0px;
}

/* --- hover --- */

ul.menu li:hover {
    background: none;
    color:#111111;
  	font-weight:bold;
  	text-decoration:none;
  	font-family: Arial;
  	font-size:12px;
  	padding:5px 9px 5px 9px;
  	margin:0px 5px 0px 0px;
  	float:left;
}

ul.menu li a:hover {
    color:#111111;
  	font-weight:bold;
  	text-decoration:underline;
  	font-family: Arial;
  	font-size:12px;
  	padding:0px;
  	margin:0px;
}

/* --- active --- */

ul.menu li.active {
    background: #7e8aa2;
    color:#ffffff;
  	font-weight:bold;
  	text-decoration:none;
  	font-family: Arial;
  	font-size:12px;
  	padding:5px 9px 5px 9px;
    margin:0px 5px 0px 0px;
  	float:left;
}

ul.menu li.active a {
    color:#ffffff;
  	font-weight:bold;
  	text-decoration:none;
  	font-family: Arial;
  	font-size:12px;
  	padding:0px;
  	margin:0px;
}

ul.menu li.active a:hover {
    color:#ffffff;
  	font-weight:bold;
  	text-decoration:none;
  	font-family: Arial;
  	font-size:12px;
  	padding:0px;
  	margin:0px;
}

/* 
+------------------+
|                  |
|     CONTENT      |
|                  |
+------------------+
*/

#frame_content {
  background: url(gfx/style/bg_content.png) left top repeat-x;
  clear:both;
  width: 940px;
}

#intro {
  width: 940px;
  height:221px;
  background: url(gfx/style/bg_intro.png) left top repeat;
}

#i_left {
  width: 640px;
	float: left;
}

#i_left img {
  margin:-51px 0px 0px 0px;
}

#i_right {
  width: 300px;
	float: left;
	
}

p.intro_text {
  color:#ffffff;
	font-weight:normal;
	text-decoration:none;
	font-family: Arial;
	font-size:12px;
	margin:0px;
	padding:0px 20px 0px 20px;
	text-align: left;
	line-height:21px;
}

.image_title_intro {
  background: url(gfx/style/bg_image_title.png) left top repeat;
  color:#ffffff;
	font-weight:normal;
	text-decoration:none;
	font-family: Arial;
	font-size:12px;
  border-top:1px solid #000;
  text-align:left;
  padding:18px 0px 17px 20px;
  top:170px;
  position:relative;
}

#services {
  width: 940px;
}

.s_headline {
  color:#111111;
	font-weight:normal;
	text-decoration:none;
	font-family: Georgia;
	font-size:18px;
	margin:0px 0px 0px 0px;
	padding:30px 0px 20px 0px;
	text-align:left;
}

.s_headline a {
  color:#111111;
	font-weight:normal;
	text-decoration:underline;
	font-family: Georgia;
	font-size:18px;
	text-align:left;
}

.s_headline a:hover {
  color:#111111;
	font-weight:normal;
	text-decoration:underline;
	font-family: Georgia;
	font-size:18px;
	text-align:left;
}

.s_cont {
  width: 300px;
	float: left;
	margin:0px 20px 0px 0px;
}

.s_cont img {
  margin:-51px 0px 0px 0px;
}

.image_title {
  background: url(gfx/style/bg_image_title.png) left top repeat;
  color:#ffffff;
	font-weight:normal;
	text-decoration:none;
	font-family: Arial;
	font-size:12px;
  border-top:1px solid #000;
  text-align:left;
  padding:18px 0px 17px 20px;
  top:121px;
  position:relative;
}

#content {
	width: 620px;
	float: left;
}

#sidebar {
	width: 300px;
	float: right;
}

#kontakt {
  
}

#k_image {
  float:left;
  width:99px;
}

#k_text {
  float:right;
  width:181px;
}

#reklama {
  width:300px; height:115px;
}

#reklama img {
  border:0px;
}

/* 
+------------------+
|                  |
|     FOOTER       |
|                  |
+------------------+
*/

#frame_footer {
	background: url(gfx/style/bg_footer.png) left top repeat-x;
	clear:both;
  width: 940px; height: 50px;
}

#footer {	
  padding-top:15px;
	width: 940px;
}

p.copyright {
  color:#898989;
	font-weight:normal;
	text-decoration:none;
	font-family: Arial;
	font-size:12px;
	margin:0px;
	padding:0px;
	text-align: justify;
	float:left;
}

p.nahoru {
  color:#898989;
	font-weight:normal;
	text-decoration:none;
	font-family: Arial;
	font-size:12px;
	margin:0px;
	padding:0px;
	text-align: justify;
	float:right;
}

p.nahoru a {
  color:#898989;
	font-weight:normal;
	text-decoration:underline;
	font-family: Arial;
	font-size:12px;
	margin:0px;
	padding:0px;
}

p.nahoru a:hover {
  color:#898989;
	font-weight:normal;
	text-decoration:none;
	font-family: Arial;
	font-size:12px;
	margin:0px;
	padding:0px;
}

.text_orange {
  color:#ff9800;
	font-weight:normal;
	text-decoration:none;
	font-family: Arial;
	font-size:12px;
}

.text_black  {
  color:#111111;
	font-weight:bold;
	text-decoration:none;
	font-family: Arial;
	font-size:12px;
}

/* 
+------------------+
|                  |
|     UNIQUE       |
|                  |
+------------------+
*/

.clean {
  width:0px;
  height:0px;
  font-size:0px;
  clear:both;
}

.clean_10 {
  width:0px;
  height:10px;
  font-size:0px;
  clear:both;
}

.clean_20 {
  width:0px;
  height:20px;
  font-size:0px;
  clear:both;
}

.mezera_20 {
  line-height:20px;
  clear:both;
}