html,body{margin:0;padding:0}
body{font: 76% arial,sans-serif;}

/* basic layout */
div#container{width:810px;margin:15px auto;}
div#content{float:left;width:500px}
div#navigation{float:right;width:270px}
div#extra{float:right;clear:right;width:270px}

/* header */
div#header { background-color:#EAEAEA; padding:10px 0; }
div#headerInner { margin:0 auto; width:810px; position:relative; }
div#headerInner div#nav { position:absolute; top:0px; right:0px; }
div#headerInner div#nav a { color:#666666; text-decoration:none; }
div#headerInner div#nav a:hover { text-decoration:underline; }

/* footer */
div#footer{clear:both; background-color:#EAEAEA;}
div#footerInner { margin:0 auto; width:810px; padding:10px 0; position:relative; }
div#footerInner a { position:absolute; right:0px; top:10px; color:#FF3300; text-decoration:none; }
div#footerInner a:hover { text-decoration:underline; }

/* main title */
div#mainTitle { position:relative;  }
div#mainTitle img { position:relative; left:-15px;  }

/* content */
#content p { font-size:12px; line-height:20px; color:#000000; }
#content p:first-letter { font-size:30px; font-weight:bold; color:#FF3300; }
#content p:first-line { font-size:18px; font-weight:bold; line-height:18px; }
#content h3 { margin:10px 0; line-height:150%; padding:10px; color:#FFFFFF; font-size:18px; background-color:#666666; }
#content a { color:#FF3300; text-decoration:none; }
#content a:hover { text-decoration:underline; }

/* navigation */
div#navigation ul { list-style-type:none; list-style-image:url('assets/nav_button.gif'); margin:0 0 0 10px; padding:0;  }
div#navigation ul li { margin:0 0 15px 0; line-height:150%; }
div#navigation ul li a { color:#FF3300; font-weight:bold; text-decoration:none; }
div#navigation ul li a:hover { text-decoration:underline; }

/* extra */
div#extra { height:339px; background-image:url('assets/network_bg.jpg'); background-repeat:no-repeat; background-position:left top; }
div#extra ul { margin:0; padding:0; list-style-type:none; }
div#extra ul li { margin:15px 20px 15px 30px; color:#FFFFFF; }
div#extra ul li a { color:#FFFFFF; text-decoration:none; font-weight:bold; font-size:1.3em; }
div#extra ul li a:hover { text-decoration:underline; }


div#autor { font-size:1.0em; border-top:1px dotted #CCCCCC; padding-top:5px; }
div#autor strong { display:block; font-size:1.3em; }

/* kontakt-fieldset */
div#kontaktText { margin:10px 0 0 20px; }

.kontakt-fieldset { padding:20px; margin:10px 20px 10px 20px; border:1px solid #EFEFEF; }
.kontakt-fieldset legend { font-size:20px; color:#CCCCCC; }
.kontakt-fieldset input, textarea { width: 90%; margin: 0 0 5px 0; padding: 5px; border: solid 1px #ccc; }
.kontakt-fieldset input:focus , textarea:focus { border: solid 1px #0099ff; }
.kontakt-fieldset label kontakt-label { font-size: 14px; font-weight: bold; display: block; clear: left; }
.posalji-button { margin: 0 0 25px 0; font-size: 18px; font-weight: bold; display: block; clear: both; }