/* 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;}
a:hover {text-decoration:underline;}
.hidden {display:none;}

body {font:normal 62.5%/1.5em Verdana,Arial,Helvetica,serif;background:url(../images/layout/bg.gif) repeat-x;color:#404040;}
div.page {width:810px;margin:1.45em auto 0;font-size:1.2em;}

#header {background-color:#fff;}
/* min-height is important, otherwise you cannot click on menu item in IE ... ? */
ul.organisers {background:url(../images/layout/wrapper_left_top_corner.gif) no-repeat;padding:20px 0 0 25px;width:186px;float:left;min-height:261px;}
* html ul.organisers {height:270px;}

ul.organisers li {margin-bottom:10px;}
ul.organisers li a {text-decoration:none;display:block;width:100px;}
ul.organisers li a span {display:none;text-indent:-1000em;}
ul.organisers li.drustvo img {width:96px}
ul.organisers li.emd img {width:96px}

.infobox {float:left;background:url("/_common/images/layout/orangeHeading.gif") no-repeat;width:624px;height:210px;margin:20px -35px 0 0;color:#fff;}
.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;}
.infobox p strong {font-size:1.25em;line-height:1.3;}
ul.nav {float:left;height:2.5em;margin:10px 0 0 20px;}
ul.nav li {display:block;float:left;height:100%;position:relative;}
ul.nav li a {border-left:1px solid #d3d2d2;font-weight:bold;padding:0 0.5em;color:#404040;}
ul.nav li ul {background:transparent url(../images/layout/subnavBg.gif) no-repeat scroll 0 0;display:none;height:auto;left:0;padding:0 0 0.5em;position:absolute;top:2.5em;width:24em;z-index:1;}
* html ul.nav li ul {top:1.5em;}
ul.nav li:hover ul {display:block;}
ul.nav li ul li {display:block;clear:left;height:auto;width:100%;}
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.last a {margin-bottom:.5em;}

#body {background-color:#fff;margin-top:-10px;}
#body .side, #body .content {float:left;}
#body .side {width:204px;padding-top: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 {margin-top:20px;text-align:center;}
#body .side .number {margin-top:20px;text-align:center;}
#body .content {width:566px;margin:0 20px;}
* 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 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
------------------------------ */
.clear, #footer {display:inline-block;}
.clear:after, #footer:after {content:".";display:block;height:0;font-size:0;clear:both;visibility:hidden;}