/*
Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License
*/

* {margin: 0; padding: 0;}

body {background: #FFF; font-family: Tahoma; font-size: 13px; color: #555; line-height: 155%;}
p {margin-bottom: 10px;}
ul {line-height: 167%; margin-bottom: 20px;}
ol {list-style: none;}

img {border: none; margin-left: -2px;}
img.image {border: 6px solid; margin-left: 0px; border-color: #E1C097; margin: 2px;}
img.feed {float: left; padding: 0 6px 0 1px;}
img.download {float: left; padding: 3px 8px 10px 0;}
img.folder {float: left; padding: 0px 8px 10px 0;}

h1, h2, h3 {font-weight: normal; color: #3B3B3B;}
h1 {font-size: 190%; letter-spacing: -1px;}
h2 {font-size: 150%; letter-spacing: 0px;}
h3 {font-size: 100%;}

a:link, a:visited {text-decoration: none; color: #396999;}
a:hover {text-decoration: underline; color: #B5824F;}

table {border-collapse: collapse;}
td {padding: 5px 0; border-bottom: 1px dashed #BBB; vertical-align: top;}
.title {font-weight: bold;}
.right {}

/* TOPMENU, DATE */

#header {width: 770px; height: 25px; margin: 0 auto; padding-top: 3px;}
#topmenu {font-size: 80%; text-align: left; float: left;}
#rss {background: url('grafika/icon_feed_small.png') no-repeat; padding-left: 16px}
a.rss {color: #F2601A; text-decoration: none;}
a:hover.rss {color: #B5824F;}
#date {font-size: 80%; text-align: right; float: right;}

/* LOGO, MENU, QUOTE */

#title {width: 770px; height: 80px; margin: 0 auto; }
#logo {float: left; width: 275px;}
#logo h1 {padding-top: 25px; text-align: center; font-weight: normal; font-size: 26px; font-family: Trebuchet MS; letter-spacing: -1px; color: #3B3B3B;}
#logo h2 {text-align: center; text-transform: uppercase; font-size: 13px; color: #999; padding-top: 5px;}

#menu {padding-left: 15px; float: left;	width: 480px;}
#menu ul {margin: 0; padding: 0; list-style: none; font-size: 85%;}
#menu li {display: inline;}
#menu a {display: block; float: left; height: 50px; background: url('grafika/menu.gif') no-repeat; text-decoration: none; font-size: 115%; color: #3B3B3B; padding-left:20px; padding-right:15px; padding-top:30px; padding-bottom:0}
#menu a:hover {color: #B5824F;}

#quote {width: 770px; height: 190px; margin: 0 auto; background: url('grafika/image.jpg') no-repeat;}
#quote p {float: left; text-align: left; width: 310px; padding: 15px 0 0 20px ; font-family: Arial Narrow; line-height: 115%; font-size: 185%; color: #FFF;}

/* CONTENT */

#page {width: 770px; margin: 0 auto;}
#page h1, #page h2 {margin-bottom: 10px;}

#content {margin-bottom: 10px; float: left; width: 760px; padding: 10px 5px 15px 5px; font-size: 90%; text-align: justify;}
#content ul {margin-left: 3em;}
#content ol {margin-left: 1.5em;}
#nav {padding-bottom: 20px; font-size: 95%;}
#nav a {color: #555;}
#content h1 {padding-bottom: 6px;}
#content h2 {padding-top: 3px;}

.line {border-bottom: 1px dashed #BBB; margin-bottom: 15px; margin-top: 20px;}

/* FOOTER */

#footer {clear: both; width: 770px; height: 23px; margin: 0 auto; padding-top: 10px; border-top: 5px solid #3B3B3B;}
#footer p {margin: 0; padding: 0; line-height: normal; font-size: 80%;}
#legal {text-align: center;}