html {height:100%;}

body {
margin: 0px;
padding: 0px;
width:100%;
font-family:  Arial, Verdana, Tahoma, Helvetica, "Lucida Grande";
font-size: 11px;
color: #3F3F3F;
text-align:center;
background: #F0F1F6 url('../grafika/bg_top.gif') repeat-x;
}

div.body{
width:780px;
margin:0px auto;
}

div.top{
height:101px;
}

div.logo{
margin: 0px auto;
text-align:left;
height:101px;
width:780px;
background: url('../grafika/logo.gif') no-repeat;

}

div.main{
width:780px;
background: url('../grafika/bg_main.gif') repeat-y;
padding:10px 10px 10px 0px;

}

div.menu{
float:left;
text-align:left;
position:relative;
left:-20px;
}

#wrapper {
padding:0px;
margin:0px;
background-color:transparent;
}

#wrapper td{
vertical-align:top;
}

#menu{
background:transparent;
}

div.content{
float:left;
font-family: Arial, Verdana, Tahoma, Helvetica, "Lucida Grande", serif;
font-size: 11px;
text-align:left;
margin-top:10px;
margin-left:10px;
width:590px;
}

strong{
font-weight:800;
font-family: Arial, Verdana, Tahoma, Helvetica, "Lucida Grande", serif;
font-size: 11px;
}

p{
text-indent:25px;
font-family: Arial, Verdana, Tahoma, Helvetica, "Lucida Grande";
font-size: 11px;
color: #3F3F3F;
margin-left:6px;
letter-spacing:1px;
height: 130%;
margin:10px 0px 10px 0px;
}

p.noindent{
text-indent:0px;
font-family: Arial, Verdana, Tahoma, Helvetica, "Lucida Grande";
font-size: 11px;
color: #3F3F3F;
margin-left:6px;
letter-spacing:1px;
line-height: 130%;
margin:10px 0px 10px 0px;
}

h1{
font-family: Arial, Verdana, Tahoma, Helvetica, "Lucida Grande";
font-size: 12px;
color: #2A2A83;
font-weight:600;
letter-spacing:1px;
}

h2{
font-family: Arial, Verdana, Tahoma, Helvetica, "Lucida Grande";
font-size: 12px;
color: #2A2A83;
font-weight:200;
letter-spacing:1px;
margin:20px 0px 5px 0px;
}

ol {
list-style-image: url('../grafika/fajfka.gif');
}

li {
font-family: Arial, Verdana, Tahoma, Helvetica, "Lucida Grande";
font-size: 11px;
color: #3F3F3F;
letter-spacing:1px;
line-height: 130%;
margin-left:20px;
}

#sub td{
font-family: Arial, Verdana, Tahoma, Helvetica, "Lucida Grande";
color: #3F3F3F;
letter-spacing:1px;
line-height: 130%;
font-size:11px;
}

table.sub{
width:400px;
text-align:left;
margin-left:30px;
}

table.onas{
width:400px;
text-align:center;
}

img {
border:none;
}

#portfolio img{
border:1px solid #909090;
}

#portfolio td{
line-height:15px;
font-family: Arial, Verdana, Tahoma, Helvetica, "Lucida Grande";
color: #3F3F3F;
letter-spacing:1px;
font-size:11px;
}

#portfolio h1{
line-height:130%;
font-family: Arial, Verdana, Tahoma, Helvetica, "Lucida Grande";
font-size: 12px;
color: #2A2A83;
font-weight:600;
letter-spacing:1px;
margin:0px;
}

table.portfolio{
width:500px;
text-align:left;
margin-left:20px;
}

.tright{
text-align:right;
}

#portfolio A:link{
line-height:15px;
color:#0004B7;
}

#portfolio A:visited{
line-height:15px;
color:#0004B7;
}

#portfolio A:hover{
line-height:15px;
}


input.kontakt{
background-color:#F7F7F7;
text-align: center;
font-weight: normal;
font-size: 12px;
width:100px;
height: 20px;
border-color: #ffffff;
font-family: "Arial CE", Arial, Verdana, Tahoma;
}

textarea.kontakt{
background-color:#f7f7f7;
text-align: left;
font-weight: normal;
font-size: 12px;
height: 150px;
width:500px;
border-color: #ffffff;
font-family: "Arial CE", Arial, Verdana, Tahoma;
}

div.footer{
width:780px;
height:40px;
background: url('../grafika/bg_footer.gif') no-repeat;
padding:5px 5px 0px 70px;
}

A:link{
font-family: Arial, Verdana, Tahoma, Helvetica, "Lucida Grande", serif;
font-size: 11px;
color:#666666;
text-decoration:underline;
}

A:visited{
font-family: Arial, Verdana, Tahoma, Helvetica, "Lucida Grande", serif;
font-size: 11px;
color:#666666;
text-decoration:underline;
}

A:hover{
font-family: Arial, Verdana, Tahoma, Helvetica, "Lucida Grande", serif;
font-size: 11px;
color:#000000;
text-decoration:none;
}

#menu td.left{
text-align:right;

}

#menu td.right{
text-align:left;
line-height:115%;
}

#menu A.normal:link{
font-family: Arial, Verdana, Tahoma, Helvetica, "Lucida Grande", serif;
font-size: 14px;
color:#666666;
text-decoration:none;
text-align:right;
letter-spacing:1px;
}

#menu A.normal:visited{
font-family: Arial, Verdana, Tahoma, Helvetica, "Lucida Grande", serif;
font-size: 14px;
color:#666666;
text-decoration:none;
text-align:right;
letter-spacing:1px;
}

#menu A.normal:hover{
font-family: Arial, Verdana, Tahoma, Helvetica, "Lucida Grande", serif;
font-size: 14px;
color:#666666;
text-decoration:underline;
text-align:right;
letter-spacing:1px;
}

#menu A.webdesign:link{
font-family: Arial, Verdana, Tahoma, Helvetica, "Lucida Grande", serif;
font-size: 14px;
color:#663333;
text-decoration:none;
text-align:right;
letter-spacing:1px;
}

#menu A.webdesign:visited{
font-family: Arial, Verdana, Tahoma, Helvetica, "Lucida Grande", serif;
font-size: 14px;
color:#663333;
text-decoration:none;
text-align:right;
letter-spacing:1px;
}

#menu A.webdesign:hover{
font-family: Arial, Verdana, Tahoma, Helvetica, "Lucida Grande", serif;
font-size: 14px;
color:#663333;
text-decoration:underline;
text-align:right;
letter-spacing:1px;
}

#menu A.grafika:link{
font-family: Arial, Verdana, Tahoma, Helvetica, "Lucida Grande", serif;
font-size: 14px;
color:#996633;
text-decoration:none;
text-align:right;
letter-spacing:1px;
}

#menu A.grafika:visited{
font-family: Arial, Verdana, Tahoma, Helvetica, "Lucida Grande", serif;
font-size: 14px;
color:#996633;
text-decoration:none;
text-align:right;
letter-spacing:1px;
}

#menu A.grafika:hover{
font-family: Arial, Verdana, Tahoma, Helvetica, "Lucida Grande", serif;
font-size: 14px;
color:#996633;
text-decoration:underline;
text-align:right;
letter-spacing:1px;
}

#menu A.spravait:link{
font-family: Arial, Verdana, Tahoma, Helvetica, "Lucida Grande", serif;
font-size: 14px;
color:#333399;
text-decoration:none;
text-align:right;
letter-spacing:1px;
}

#menu A.spravait:visited{
font-family: Arial, Verdana, Tahoma, Helvetica, "Lucida Grande", serif;
font-size: 14px;
color:#333399;
text-decoration:none;
text-align:right;
letter-spacing:1px;
}

#menu A.spravait:hover{
font-family: Arial, Verdana, Tahoma, Helvetica, "Lucida Grande", serif;
font-size: 14px;
color:#333399;
text-decoration:underline;
text-align:right;
letter-spacing:1px;
}

A.headerlink:link, A.headerlink:visited, A.headerlink:hover {
font-family:  Arial, Verdana, Tahoma, Helvetica, "Lucida Grande";
font-size: 11px;
color:#666666;
text-decoration:none;
}

A.headline:link, A.headline:visited, A.headline:hover {
font-family:  Arial, Verdana, Tahoma, Helvetica, "Lucida Grande";
font-size: 11px;
color:#666666;
text-decoration:none;
}