/* CSS by Michal Ráchela */

*{
margin:0; 
padding:0;
font-family:sans-serif;
font-size:12px;
}

body{
background:#fff url(images/bgbody.jpg) top left repeat-x;
padding:0;
font-family:sans-serif;
color:#555;
}

.clear{
clear:both;
}

img{
margin:0;
padding:0;
border:0;
}

#container{
background:url(images/bgcontainer.jpg) top left repeat-y;
width:870px;
margin:0 auto;
padding:0;
}

#header{
background:url(images/bgheader.jpg) top left no-repeat;
width:870px;
margin:0 auto;
padding:0;
height:215px;
}

#menu{
background:url(images/bgmenu.jpg) top left no-repeat;
width:870px;
margin:0 auto;
padding:0;
height:35px;
}

#menu ul{
list-style:none;
margin-left:30px;
margin-bottom:5px;
height:30px;
}

#menu li a{
margin:0;
display:block;
float:left;
height:21px;
padding-top:9px;
color:#999;
font-size:12px;
padding-left:8px;
padding-right:8px;
}

#menu li a:hover, #menu li.current a:hover{
background:#eb3d00;
color:#fff;
}

#menu li.current a{
color:#eb3d00;
}

#upperleft{
margin-left:30px;
width:205px;
padding-top:10px;
float:left;
}

#upperleft ul{
margin-left:10px;
border-top:1px solid #ccc;
list-style:none;
width:195px;
}

#upperleft ul li a{
display:block;
border-bottom:1px #ccc solid;
color:#999;
width:195px;
font-size:12px;
height:18px;
padding-top:7px;
}

#upperleft ul li a:hover{
color:#444;
font-weight:900;
}

#upperleft ul li a.gratis:hover{
color:#009933;
}

#upperleft ul li a.digiboard:hover{
color:#3399ff;
}

#upperright{
width:140px;
margin-right:35px;
margin-left:5px;
float:right;
text-align:left;
padding-top:10px;
}

#upperright .datum{
font-size:12px;
}

#upperright form#loginform{
width:130px;
background:#ccc;
padding:5px;
margin-top:5px;
padding-top:0;
}

#upperright form#loginform label{
font-size:12px;
color:#333;
}

#upperright form#loginform input{
margin-top:5px;
width:130px;
background:url(images/bgloginput.gif) top left no-repeat;
border:0;
color:#555;
height:25px;
}

#upperright form#loginform input.submission{
width:130px;
background:url(images/bgsubmission.gif) top left no-repeat;
border:0;
color:#fff;
height:19px;
}

#upperright form#searchform{
width:130px;
background:#fff;
padding:5px;
padding-right:0;
}

#upperright form#searchform label{
font-size:12px;
color:#333;
}

#upperright form#searchform input{
margin-top:5px;
width:107px;
background:url(images/bgseainput.gif) top left no-repeat;
border:0;
color:#555;
height:25px;
float:left;
}

#upperright form#searchform input.submission2{
width:21px;
height:25px;
float:right;
}

#content{}

#left{
float:left;
width:205px;
margin-left:30px;
background:url(images/bgleft.gif) top left repeat-y;
padding-right:5px;
}

#left h2{
color:#eb3d00;
border-bottom:1px solid #eb3d00;
margin-bottom:10px;
padding-bottom:2px;
padding-left:10px;
padding-top:15px;
}

#left ul{
list-style:none;
}

#left ul li a{
display:block;
border-bottom:1px #ccc solid;
color:#999;
font-size:12px;
padding-left:20px;
height:18px;
padding-top:7px;
}

#left ul li.current a, #left ul li.current a:hover{
background:#eb3d00;
color:#fff;
}

#left ul li a:hover{
color:#eb3d00;
}

#right{
float:right;
width:145px;
margin-right:30px;
background:url(images/bgright.gif) top left repeat-y;
padding-left:5px;
}

#right h2{
text-align:right;
color:#eb3d00;
border-bottom:1px solid #eb3d00;
margin-bottom:10px;
padding-bottom:2px;
padding-right:10px;
padding-top:15px;
}

#right dl{
width:115px;
margin-right:10px;
padding:10px;
font-size:12px;
}

#right dt{
width:115px;
display:block;
text-align:left;
color:#999;
font-weight:900;
margin-bottom:10px;
}

#right dd{
width:115px;
display:block;
}

#right dl a{
display:block;
padding-top:10px;
margin-bottom:20px;
color:#eb3d00;
width:115px;
margin-right:10px;
text-align:right;
padding-bottom:10px;
border-bottom:1px #ccc dashed;
}

#right ul{
border-top:1px solid #ccc;
list-style:none;
}

#right ul li a{
display:block;
border-bottom:1px #ccc solid;
color:#999;
font-size:12px;
padding-left:20px;
height:18px;
padding-top:7px;
}

#right ul li.current a, #left ul li.current a:hover{
background:#eb3d00;
color:#fff;
}

#right ul li a:hover{
color:#eb3d00;
}

#middle{
width:410px;
padding:20px;
padding-top:0;
float:right;
line-height:17px;
font-size:13px;
}

#middle p{
padding-bottom:10px;
}

#footer a, #middle a{
color:#eb3d00;
text-decoration:underline;
}

#footer a:hover, #middle a:hover{
color:#eb3d00;
text-decoration:none;
}

#middle h1{
font-size:20px;
color:#333;
border-bottom:1px solid #333;
margin-bottom:10px;
padding-bottom:2px;
padding-left:10px;
font-weight:100;
}

#middle h2{
font-size:18px;
border-bottom:1px solid #333;
padding-bottom:1px;
font-weight:100;
margin-bottom:10px;
padding-left:10px;
margin-top:15px;
}

#middle h3{
font-size:16px;
margin-top:10px;
border-bottom:1px dashed #333;
margin-bottom:10px;
padding-left:10px;
}

#middle h4{
font-size:14px;
border-bottom:1px solid #333;
margin-bottom:10px;
padding-left:10px;
}

#middle hr{
margin:10px;
}

#middle ul{
margin:10px;
list-style:inside circle;
}

#middle ol{
margin:10px;
list-style:inside decimal;
}

#middle dl{
margin:10px;
}

#middle fieldset{
border:1px solid #ccc;
margin:10px;
padding:10px;
}

#middle legend{
border:1px solid #ccc;
margin-left:20px;
padding:2px;
}

#middle blockquote{
border:1px solid #ccc;
background:#f0f0f0;
padding:10px;
}

#middle pre{
display:block;
width:300px;
}

#footer{
background:#fff url(images/bgfooter.jpg) top left no-repeat;
width:870px;
margin:0 auto;
padding:0;
height:80px;
padding-top:50px;
line-height:17px;
}

.left{
float:left;
color:#333;
font-size:12px;
margin-left:30px;
}

.right{
text-align:right;
float:right;
color:#333;
font-size:12px;
margin-right:30px;
}

#flashik{
margin-left:30px;
}