/* RESET
---------------------------------*/
* {margin:0;padding:0; }
html,body {width:100%;height:100%;}
html,body,ul,ol,dl,li,dt,dd,p,blockquote,fieldset,legend,img,form,h1,h2,h3,h4,h5,h6,abbr {margin:0;padding:0;}
ul,ol,li,dl,dt,dd {list-style:none;}
blockquote,fieldset,legend,img,form,abbr {border:0;}
address,caption,cite,code,dfn,em,strong,th,var {font-style:normal;}
a {outline:none;text-decoration:none;color:#FF9900;}
a:hover {text-decoration:underline;}
.hidden {display:none;}

body {font:normal 62.5%/1.5em Verdana,Arial,Helvetica,serif;background:#fff url(../images/layout/clouds.jpg) no-repeat 50% 0;color:#333;}
/*div.page {width:810px;margin:1.45em auto 0;font-size:1.2em;}*/
div.page {width:810px;margin:1.45em auto 0;font-size:1.2em;}

#header {width:100%;background:transparent url(../images/layout/header.png) no-repeat;}
.hr #header {width:100%;background:transparent url(../images/layout/header_hr.png) no-repeat;}
/* min-height is important, otherwise you cannot click on menu item in IE ... ? */

#header #main-page {float:left;margin:35px 0 0 30px;width:330px;height:100px;}
.hr #header #main-page {width:480px;height:105px;}

ul.organisers {height:160px;padding:20px 25px 0 0;float:right;}
* html ul.organisers {height:270px;}
ul.organisers li {margin-bottom:20px;}
ul.organisers li a {text-decoration:none;display:block;width:100%;height:100%;}
ul.organisers li.roche {width:115px;height:50px;}
ul.organisers li.zsd {width:115px;height:70px;}
ul.organisers li.drustvo {width:96px}
#fb {position:absolute;left:0;top:-75px;width:100px;}

.infobox {float:left;width:512px;margin:105px 0 0 140px;color:#821518;overflow:hidden;}
.infobox strong {font-size:1.25em;line-height:1.3;}
/*.infobox h2 {margin:20px 20px 10px;font-size:2.7em;text-transform:uppercase;line-height:.9;}*/
/*.infobox p {margin:10px 20px 20px;font-size:1.15em;line-height:1.3;}*/


ul.nav {clear:both;width:808px;;margin:10px 0 0;background:#f90 url(../images/layout/nav_bg.gif) repeat;border:1px #f90 solid;}
ul.nav li {float:left;height:100%;position:relative;padding:8px 0;}
ul.nav li a {border-left:1px solid #fff;padding:0 8px;color:#fff;}
ul.nav li a:hover {text-decoration:none;}
ul.nav li.p1 a {border-left:0;}
ul.nav li ul {background:#fff;display:none;height:auto;left:-1px;padding:0 0 0.5em;border:solid #f90;border-width:0 1px 1px;position:absolute;top:2.5em;width:24em;z-index:1;color:#000;}
* html ul.nav li ul {top:1.5em;}
ul.nav li.active,
ul.nav li:hover {background:#fff;}
ul.nav li.active a,
ul.nav li:hover a {color:#000;}
ul.nav li:hover ul {display:block;}
ul.nav li ul li {display:block;clear:left;height:auto;width:100%;padding:0;}
/*ul.nav li ul li.first {background:url(../images/layout/subnav_corner_top_right.gif) no-repeat right top;}*/
/*ul.nav li ul li.last {background:url(../images/layout/subnav_corner_bottom_left.gif) no-repeat left bottom;}*/
ul.nav li ul li a,
ul.navigation li.project ul li a {border-left:none;font-weight:normal;font-size:0.92em;line-height:1.2em;background:url(../images/layout/plus.gif) no-repeat 0 .3em;margin:.5em .4em 0 .4em;display:block;padding:0 0 0 1em;}
ul.nav li ul li a {background:none;color:#000;margin:0;padding:.5em .4em .5em 1.4em;}
ul.nav li ul li a:hover {background:#fff6e5;}
ul.nav li ul li.last a {margin-bottom:.5em;}

#body {padding-top:90px;background-color:#fff;}
#body .side, #body .content {float:right;}
#body .side {width:204px;margin-right:20px;}
#body .side form fieldset {width:170px;margin:10px auto 0;}
* html #body .side form fieldset {width:180px;}
#body .side form fieldset input {float:right;margin-top:2px;}
#body .side form fieldset #q {float:left;margin-top:0;}
#body .side ul {text-align:center;}
#body .side ul li {margin-top:20px;}
/*#body .side li img {float:left;}*/
#body .side .number {margin-top:20px;text-align:center;}
#body .content {width:546px;margin:0 20px;position:relative;}
* html #body .content {overflow:hidden;}
#body .content img.inlineimage {float:left;margin:0 20px 10px 0;}
* html #body .content img.inlineimage {clear:left;}
html>#body .content img.inlineimage {padding-left:10px;}
* html #body .content {width:545px;}

/*#footer {background-color:#f2f2f2;border-top:0.4em solid #e6e6e6;padding:1em 0;width:100%;}*/
#footer {padding:1em 0;width:100%;}
#footer ul {text-align:center;width:500px;margin:0 auto;}
#footer ul.narrow {width:380px;}
* html #footer ul {width:630px;}
* html #footer ul.narrow {width:415px;}
#footer ul li {float:left;margin:0 20px;vertical-align:baseline;}
#footer ul li a {display:block;}

/* HACKS
------------------------------ */
/*#footer,*/
/*.clear {display:inline-block;}*/

ul.nav:after,
.content .article p:after,
#body .side li:after,
#footer:after,
.clear:after {content:".";display:block;height:0;font-size:0;clear:both;visibility:hidden;}