*{
margin:0;
padding:0;}
body{
font-family:"Trebuchet MS","Geneva CE",lucida,sans-serif;
color:#000;
font-size:x-small;
text-align:center;
line-height:1.6;
background:#fff url("../css/layout/bg-body.jpg") repeat-y top center;}
html>body{
font-size:small}
.noscreen{
width:250px;
position:absolute;
left:0;
top:-2000px}
hr, #info {display:none}
.end{
clear:both;
line-height:1px;
font-size:1px;
height:1px}
/* layout */
#main{
position:relative;
width:770px;
margin:0 auto;
text-align:left;}
#head-top{
position:relative;
height:151px;
background:#fff url("../css/layout/head-top.jpg") no-repeat;}
#head{
height:122px;
background:#fff url("../css/layout/head.jpg") no-repeat right top;
position:relative;}
#text{
background:#fff url("../css/layout/bg-content.jpg") repeat-y top center;
min-height:350px;
height:350px;}
#content>#text{height:auto}
#new{
float:left;
width:216px;
overflow:hidden;
padding:0;
background:#fff url("../css/layout/roh.jpg") no-repeat right top;}
#text>#new{width:216px;}
#in{
float:right;
width:554px;
position:relative;
background:#fff url("../css/layout/head-foot.jpg") no-repeat top;}
#text>#in{width:554px}
#foot{
margin:0 auto;
width:770px;
height:50px;
background:#fff url("../css/layout/foot.jpg") no-repeat;}
/* head */
h3, h3 span{
width:216px;
height:122px;
overflow:hidden;
font-size:110%;
position:absolute;
left:0;
top:0;
z-index:1;
cursor:pointer;}
h3 span{
display:block;
background:url("../css/layout/h3.jpg") no-repeat left top;
z-index:2;
right:0;}
/* nav */
#nav{
margin:10px 0 0 6px;}
#nav li,#nav li a{
height:30px;}
#nav li{
width:180px;
font-size:96%;
text-align:left;
background:url("../css/layout/li.gif") no-repeat left center;
overflow:hidden;
list-style:none}
#nav li a{
display:block;
width:180px;
padding:6px 0 0 0;
text-decoration:none;
font-weight:bold;
height:20px}
#nav li a:link,#nav li a:visited{
height:30px;
padding:6px 0 0 50px;
color:#000;
background:#fff url("../css/layout/li.gif") no-repeat left center}
#new>#nav li a:link,#nav li a:visited{
width:130px;
height:24px;}
#nav li a:hover{
color:#000;
background:#fff url("../css/layout/li.gif") no-repeat right center}
#nav li strong{
display:block;
height:30px;
padding:5px 0 0 50px;
background:#fff url("../css/layout/li.gif") no-repeat top center;
font-weight:bold;
color:#f60;
font-size:96%;}
#new>#nav li strong{
height:25px;}
/* text */
#in h1{
color:#000;
font-size:110%;
padding:1px 2px 1px 40px;
margin:85px 0 5px 15px;
background: url("../css/layout/h1.gif") no-repeat left center}
#in h2{
clear:both;
color:#f60;
font-size:110%;
padding:1px 2px 1px 40px;
margin:10px 0 5px 15px;
background: url("../css/layout/h1.gif") no-repeat left center;}
#in h1 strong, #in h2 strong{
font-weight:bold;
color:#363535;}
#in strong{
color:#FF6600;
font-weight:bold;}
#in strong em{
color:#000;
font-style:normal;
font-weight:bold;}
#new strong{
font-size:82%;
color:#f60;}
#new address{
color:#000;
padding:10px 5px 10px 1px;
font-style:normal}
/* p */
#in p{
margin-left:15px;
text-align:left;
text-indent:0;
padding:4px 5px 8px 5px;
font-size:90%;}
#in p.center{
font-size:120%;
margin-left:15px;
text-align:center;
font-weight:bold;
color:#f60}
#in p.noindent{
text-indent:0;
padding:0 0 8px 0;}
#foot p{
text-align:right;
font-size:90%;
color:#474747;}
p#copyright{
padding:29px 20px 0 5px;}
/* links */
a:link{
color:#345777;}
a:visited{
color:#345777;}
a:hover{
color:#000;}
#foot a:link, #foot a:visited{
color:#f60;}
#foot a:hover{
color:#000;}
/* img */
a:link img {
border:1px solid #3b7580;}
a:visited img{
border:1px solid #3b7580;}
a:hover img{
border:1px solid #ccc;}
a:active img{
border:1px solid #ccc;}
#in p.img{
border:0;
float:right;
padding:5px;
margin:0 10px 0 0;
text-indent:0;}
#in .img-l{
float:left;
margin:10px 45px;}
#in .img-r{
float:right;
margin:10px 45px;}
#in p.clear{
text-indent:0;
clear:both;}
/* table */
.kontakt table{
float:right;
font-size:90%;
line-height:1.6;
margin:5px 0 8px 0;}
.kontakt table,tr,td{
vertical-align: top;}
.kontakt table{
width:500px;}
.kontakt td{
padding:5px 2px 5px 2px;
width:50%;}
.kontakt td address{
font-style:normal;}
/* table */
/* ul */
ul.indent{
font-size:90%;
margin-left:15px;
padding:2px 2px 2px 27px;}
ul.indent li{
list-style-type:square;}
/* box */
.box{
margin:0 0 10px 5px;
width:200px;
overflow:hidden;
padding:10px 0;
background:  url("../css/layout/box-foot.jpg") no-repeat left bottom;}
.box address{
font-style:bold;
background:  url("../css/layout/box-bg.jpg") repeat-y;
padding:10px;}
.box span{
display:block;
width:100%;
background: url("../css/layout/box-top.jpg") no-repeat left bottom;}
.box p{
margin-left:28px;}
/* box */

#in table{
clear:both;
width:89%;
border-collapse:separate;
font-size:100%;
margin:15px 20px;}
#in th, #in td{
color:#000;
padding:3px 10px;
text-align:left}
#in .nobordertable th, #in .nobordertable td{
border:0; background:#fff;margin:0;padding:3px 10px;}
